head標籤
阿新 • • 發佈：2019-01-06
標籤（空格分隔）： head標籤
我們首先來介紹一下head標籤的主要內容和作用，文件的頭部描述了文件的各種屬性和資訊，包括文件的標題、編碼方式及URL等資訊,這些資訊大部分是用於提供索引,辯認或其他方面的應用（移動端）的等。 以下標籤是可以用在head標籤中的：
<head lang='en'> <title>標題資訊</title> <meta charset='utf-8'> <link> <style type='text/css'></style> <script type='text/javascript'></script> </head>
title標籤
我們接下來做一個小練習，建立一個帶有我們自定義標題內容的網頁：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>文件規定</title> </head> <body> 這是我們的標籤結構 </body> </html>
head標籤中可以使用的其他標籤：
Meta標籤介紹：
元素可提供有關頁面的原資訊（mata-information）,針對搜尋引擎和更新頻度的描述和關鍵詞。
標籤位於文件的頭部，不包含任何內容。
提供的資訊是使用者不可見的。 meta標籤的組成：meta標籤共有兩個屬性，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的引數值，這些不同的引數值就實現了不同的網頁功能。
常用的meta標籤：
http-equiv屬性
它用來向瀏覽器傳達一些有用的資訊，幫助瀏覽器正確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個引數的變數值。
<!--重定向 2秒後跳轉到對應的網址，注意分號-->
<meta http-equiv="refresh" content="2;URL=http://www.luffycity.com">
<!--指定文件的內容型別和編碼型別 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!--告訴IE瀏覽器以最高階模式渲染當前網頁-->
<meta http-equiv="x-ua-compatible" content="IE=edge">name 屬性：
主要用於頁面的關鍵字和描述，是寫給搜尋引擎看的，關鍵字可以有多個用 ‘,’號隔開，與之對應的屬性值為content，content中的內容主要是便於搜尋引擎機器人查詢資訊和分類資訊用的。
<meta name="keywords" content="meta總結,html meta,meta屬性,meta跳轉">
<meta name="description" content="八度與">其他標籤：
<!--標題-->
<title>百度學習</title>
<!--icon圖示（網站的圖示）-->
<link rel="icon" href="fav.ico">
<!--定義內部樣式表-->
<style></style>
<!--引入外部樣式表文件-->
<link rel="stylesheet" href="mystyle.css">
<!--定義JavaScript程式碼或引入JavaScript檔案-->
<script src="myscript.js"></script>