總的來說meta標籤提供關於 html 文件的元資料(元資料是關於資料的資訊),元資料不會顯示在頁面上,但是對於機器是可讀的。例如meta被用於設定關鍵字、設定頁面描述、設定作者、設定字符集、設定頁面定時跳轉等等。meta標籤放置在head標籤中,對meta的設定對搜尋引擎註冊、搜尋引擎優化排名等有至關重要的作用。
meta裡的資料是供機器解讀的,告訴機器該如何解析這個頁面,還有乙個用途是可以新增伺服器傳送到瀏覽器的http頭部內容
<
!doctype html>
"en"
>
"utf-8"
>
//宣告字元編碼
"viewport" content=
"width=device-width, initial-scale=1.0"
>
<
/head>
<
/body>
<
/html>
<
!-- 宣告文件使用的字元編碼 --
>
'utf-8'
>
<
!>
"cache-control" content=
/>
<
!-- 頁面描述 --
>
"description" content=
"不超過150個字元"
/>
<
!>
"keywords" content=
"your keywords"
>
<
!-- 禁止自動翻譯 --
>
"renderer" content=
"webkit"
>
<
!-- 較重要的是viewport屬性。常用於移動端設計。 --
>
"viewport" content=
"width=device-width, initial-scale=1"
>
content 引數:
width viewport 寬度
(數值/device-width)
height viewport 高度
(數值/device-height)
initial-scale 初始縮放比例
maximum-scale 最大縮放比例
minimum-scale 最小縮放比例
user-scalable 是否允許使用者縮放
(yes/no)
參考部落格: html頭部meta標籤
標籤定義了html的元資料,元資料是不會在內容中顯示的,但會被瀏覽器解析。的基本寫法 viewport content width device width,initial scale 1.0,user scalacle no 標籤不閉合,屬性有 name 把content屬性關聯到乙個名稱 con...
HTML頭部標籤 Meta
haed標籤位於標籤的上部.本小節主要講解head標籤中的標籤。標籤位於文件的頭部,不包含任何內容。標籤的屬性定義了與文件相關聯的名稱 值對。meta是html語言head區的乙個輔助性標籤。幾乎所有的網頁裡,我們都能看到meta標籤,不過瀏覽器的顯示頁面中是看不到的,也許你認為這些 可有可無。其實...
meta元標籤的頭部格式
1.設定編碼格式 meta charset utf 8 2.keyword用來告訴搜尋引擎你網頁的關鍵字是什麼 3.description用來告訴搜尋引擎你的 主要內容 meta name description content xx網是 4.作者的名字和郵箱 meta name author co...