meta元標籤的頭部格式

2021-10-10 19:57:49 字數 2141 閱讀 5407

1.設定編碼格式:

< meta charset="utf-8>

2.keyword用來告訴搜尋引擎你網頁的關鍵字是什麼

3.description用來告訴搜尋引擎你的**主要內容

< meta name=「description」 content=「xx網是……」 >

4.作者的名字和郵箱

< meta name=「author」 content=「whqet,[email protected]」>

5.代表**版權資訊

6.代表說明**採用什麼軟體製作的

< meta name=「generator」 content=「sublime text 2」>

7. 當前web應用程式的名字

8.obots用來告訴搜尋機械人哪些頁面需要牽引,哪些頁面不需要索引

值:content的引數有all,none,index,noindex,follow,nofollow。預設是all

解釋:all:檔案將被檢索,且頁面上的鏈結可以被查詢;

none:將不被檢索,且頁面上的鏈結不可以被查詢;

index:將被檢索;

follow:頁面上的鏈結可以被查詢;

noindex:檔案不被檢索,但頁面上的鏈結可以被查詢;

nofollow:檔案將被檢索,但頁面上的鏈結不可以被查詢

9.代表**重新訪問,7days代表7天,依次類推

< meta name=「revisit-after」 content=「7 days」 >

1.用於描述語言,使得其允許使用者根據使用者自己的優選語言區分

2.content 屬性的值必須匹配同一文件中的乙個 link 元素上的 title 屬性的值,或者必須匹配同一文件中的乙個 style 元素上的 title 屬性的值。

< meta http-equiv=「default-style」 content=「文件首選樣式」>

3.規定文件的字元編碼。

4.set-cookie(cookie設定):如果網頁到期,那麼存檔的cookie將被刪除

5.viewport元資訊標籤向瀏覽器指明了viewport大小和頁面縮放比例的資訊。而且,它允許web開發人員設定layout viewport的寬度,這個寬度可以是相對於css宣告(如width:20%)的計算結果。

< meta name=「viewport」 content=「width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0」>

值:width:用於設定layout viewport(布局視口)的寬度

initial-scale:設定頁面的初始縮放比和 layout viewport(布局視口)的寬度

minimum-scale:設定頁面最小縮放比例,即使用者能將頁面縮小多少

maximum-scale:設定頁面最大縮放比例,即使用者能將頁面放大多少

height:應該是用於設定layout viewport(布局視口)的高度,但該屬性無效

user-scalable:當設定為no時,可禁止使用者縮放頁面。但請不要這樣去做。

6.就是什麼版本 ie 就用什麼版本的標準模式渲染。

7.就是什麼版本 ie 就用什麼版本的標準模式渲染。ie7版本

8.renderer是為雙核瀏覽器準備的,用於指定雙核瀏覽器預設以何種方式渲染頁面。比如說360瀏覽器,指定雙核瀏覽器優先使用哪種核心

< meta name=「renderer」 content=「webkit|ie-comp|ie-stand」>

頭部meta標籤

總的來說meta標籤提供關於 html 文件的元資料 元資料是關於資料的資訊 元資料不會顯示在頁面上,但是對於機器是可讀的。例如meta被用於設定關鍵字 設定頁面描述 設定作者 設定字符集 設定頁面定時跳轉等等。meta標籤放置在head標籤中,對meta的設定對搜尋引擎註冊 搜尋引擎優化排名等有至...

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標籤,不過瀏覽器的顯示頁面中是看不到的,也許你認為這些 可有可無。其實...