meta標籤總結

2021-10-19 06:53:58 字數 1468 閱讀 6220

標籤可提供頁面資料的元資訊(meta information)。

標籤位於文件頭部,不包含內容,其屬性定義了與文件關聯的鍵值對。

簡單來說,就是文件資訊描述的標籤。我們從以下幾個方面來看看的實際用途。比如:

此屬性包含http-equivname屬性的值,具體取決於所使用的值。

這個列舉屬性定義了能改變伺服器和使用者引擎行為的編譯。這個編譯值使用content來定義,如下:

該屬性定義文件級元資料的名稱。如果以下其中乙個屬性設定了itemprop,http-equivorcharset,就不能再設定這個屬性了。

name屬性可包含以下值(不完整):

定義正執行在該網頁上的網路應用名稱。

author

文件的作者名稱,自由格式。

description

其中包含頁面內容的簡短和精確的描述。 一些瀏覽器,如firefox和opera,將其用作書籤頁面的預設描述。

generator

包含生成頁面的軟體的標示符。

keywords

包含與逗號分隔的頁面內容相關的單詞。

referrer(實驗中的屬性)

控制所有從該文件發出的 http 請求中http referer首部的內容。

creator

定義文件建立者的名稱,與author類似。

googlebot

屬性robots的同義詞,該屬性只有googlebot(谷歌索引抓取工具)才會使用。

publisher

自由格式定義文件發布者的名稱。

robots

定義搜尋引擎爬蟲與頁面應具有的行為。 它是以逗號分隔的值列表,可選值:

untitled

viewport(供移動裝置使用)

該屬性提供有關視口初始大小的提示,僅供移動裝置使用。

可選值為:

untitled

我們常使用下面這個設定來適配移動端頁面:

meta標籤規定了文件的屬性資訊,瀏覽器在處理該頁面時就會先讀取meta中的資訊再進行處理,不同的瀏覽器或裝置有不同的屬性鍵值對,根據具體使用查詢文件或使用案例進行設定。

meta標籤總結

1 針對移動裝置最常用的 在顯示面積上手機螢幕相對桌面顯示器要小很多,在幾年前 現在也如此 大部分 都是為桌面顯示器瀏覽而設計,很少考慮到適應手機螢幕,所以如果用手機瀏 覽大多 時會出現問題,比如常見固定寬度的網頁會出現橫向豎向滑動條,當然這不算什麼大問題 但如果是瀏覽流動布局的網頁那情況會非常糟糕...

常用meta標籤總結

常用meta標籤總結seo 優化部分 your title viewport viewport主要是影響移動端頁面布局的,例如 content 引數 width viewport 寬度 數值 device width height viewport 高度 數值 device height initi...

meta常用標籤總結

meta元素共有三個可選屬性 http equiv name和scheme 和乙個必選屬性 content content定義與 http equiv 或 name 屬性相關的元資訊屬性值 描述http equiv content type expire refresh set cookie 把co...