常用的Meta標籤寫法和作用

2021-07-25 05:23:10 字數 3322 閱讀 6066

必要屬性 屬性

值描述content

some text

定義與http-equiv或name屬性相關的元資訊

可選屬性 屬性

值描述http-equiv

content-type / expire / refresh / set-cookie

把content屬性關聯到http頭部。

name

author / description / keywords / generator / revised / others

把 content 屬性關聯到乙個名稱。

content

some text

定義用於翻譯 content 屬性值的格式。

參考文件

width:寬度(數值 / device-width)(範圍從200 到10,000,預設為980 畫素)

height:高度(數值 / device-height)(範圍從223 到10,000)

initial-scale:初始的縮放比例 (範圍從》0 到10)

minimum-scale:允許使用者縮放到的最小比例

maximum-scale:允許使用者縮放到的最大比例

user-scalable:使用者是否可以手動縮 (no,yes)

minimal-ui:可以在頁面載入時最小化上下狀態列。(已棄用)

注意,很多人使用initial-scale=1到非響應式**上,這會讓**以100%寬度渲染,使用者需要手動移動頁面或者縮放。如果和initial-scale=1同時使用user-scalable=no或maximum-scale=1,則使用者將不能放大/縮小網頁來看到全部的內容。

content="yes" />

content="black-translucent" />

content="標題">

國內雙核瀏覽器預設核心模式如下:

1. 搜狗高速瀏覽器、qq瀏覽器:ie核心(相容模式)

2. 360極速瀏覽器、遨遊瀏覽器:webkit核心(極速模式)

meta標籤的作用

前端接觸時間也不小了,但可能很多人對meta標籤依然認識不足 只知道charset utf 8?我們今天來好好分析一下meta標籤的作用以及如何更好的利用meta標籤做網頁的seo。第一方面 meta標籤可以用作http equiv相關資訊的設定。相當於http頭的作用 1.pragma 是用於設定...

meta標籤的屬性和作用2

我們在開發移動裝置的 時,最常見的的乙個動作就是把下面這個東西複製到我們的head標籤中 meta name viewport content width device width,initial scale 1.0,maximum scale 1.0,user scalable 0 該meta標籤...

網頁META標籤的標準寫法

最近,danny sullivan談到了如何處理的搜尋引擎meta標籤的問題,以下是一些關於在google中如何處理這些問題的答案。多內容數值 我們建議你把所有的meta標籤內容放在乙個meta中。這將使得meta標籤更易於讀取並降低發生錯誤的概率。例如 如果一行包含對個meta標籤,我們將會累加標...