頭部meta標籤

2021-10-04 16:43:01 字數 1305 閱讀 6243

總的來說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...