meta標籤介紹
可能不太完美,希望予以補充
//除utf-8之外還有gb2312 、iso-8859-1、gbk
等。
name屬性在這裡插入**片
name主要用於描述網頁,比如關鍵字,描述等.對應屬性為content,content中的內容是name值的具體描述,便於搜尋引擎抓取,下面是語法格式:
下面是name的值,1,2,3為常用值
1,keywords(關鍵字)告訴搜尋引擎,你的網頁關鍵字
2,description(**描述)告訴搜尋引擎**的主要內容
3,viewport(移動端視窗)需要的可自行詳細查閱,內容過多不做詳細介紹
width
設定初始的寬度,為乙個正整數,使用字串」width-device」表示裝置寬度
initial-scale
設定頁面的初始縮放值,為乙個數字,可以帶小數
minimum-scale
允許使用者的最小縮放值,為乙個數字,可以帶小數
maximum-scale
允許使用者的最大縮放值,為乙個數字,可以帶小數
height
設定初始的高度,這個屬性對我們並不重要,很少使用
user-scalable
是否允許使用者進行縮放,值為」no」或」yes」, no 代表不允許,yes代表允許
target-densitydpi
值可以為乙個數值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 這幾個字串中的乙個
target-densitydpi
是安卓特有的屬性,並且準備廢棄所以不建議使用
4,robots(定義爬蟲的搜尋方式)
具體引數如下
5,author(作者)宣告網頁製作者
6,generator(編輯器)
8,revisit-after(搜尋引擎重訪時間)
//如果頁面不經常更新為了減少爬蟲對伺服器帶來的壓力,如果定義時間過短那麼爬蟲還按照預設時間訪問.
9,renderer(雙核瀏覽器渲染方式)
// renderer規定雙核瀏覽器預設渲染方式比如360瀏覽器
//預設webkit核心
//預設ie相容模式
//預設ie標準模式
http-equiv屬性
meta標籤中http-equiv屬性語法格式是:
http-equiv有一下幾種值
1,content-type(設定網頁字符集推薦使用html5方式)
//舊的html,不推薦
//html5設定網頁字符集的方式,推薦使用utf-8
2,x-ua-compatible(規定瀏覽器採用哪個版本渲染當前頁面)
//指定ie和chrome使用最新版本渲染當前頁面
cache-control(指定請求和響應遵循的快取機制)
no-cache: 先傳送請求,與伺服器確認該資源是否被更改,如果未被更改,則使用快取。
public : 快取所有響應,但並非必須。因為max-age也可以做到相同效果
private : 只為單個使用者快取,因此不允許任何中繼進行快取。(比如說cdn就不允許快取private的響應)
maxage : 表示當前請求開始,該響應在多久內能被快取和重用,而不去伺服器重新請求。例如:max-age=60表示響應可以再快取和重用 60 秒。
3,expires(規定網頁到期時間)
//如果網頁過期,網頁必須到伺服器重新上傳,
4,refresh(自動重新整理並指向某頁面)
//網頁兩秒自動重新整理
5,set-cookie(cookie設定)
說明:如果網頁過期。那麼這個網頁存在本地的cookies也會被自動刪除。
//格式
//具體範例 最全Html標籤Meta介紹
今天查html手冊時,又有了新的發現。也就這機會,好好總結下html中meta的使用。標籤位於文件的頭部,不包含任何內容。標籤的屬性定義了與文件相關聯的名稱 值對。在 html 中,標籤沒有結束標籤,在 xhtml 中,標籤必須被正確地關閉。必要屬性屬性值 描述content some text 定...
Meta標籤詳解
引言 您的個人 即使做得再精彩,在 浩瀚如海 的網路空間中,也如一葉扁舟不易為人發現,如何推廣 個人 人們首先想到的方法無外乎以下幾種 在搜尋引擎中登入自己的個人 在知名 加入你個人 的鏈結 在論壇中發帖子宣傳你的個人 很多人卻忽視了html標籤meta的強大功效,乙個好的meta標籤設計可以大大提...
Meta標籤詳解
引言 您的個人 即使做得再精彩,在 浩瀚如海 的網路空間中,也如一葉扁舟不易為人發現,如何推廣 個人 人們首先想到的方法無外乎以下幾種 在搜尋引擎中登入自己的個人 在知名 加入你個人 的鏈結 在論壇中發帖子宣傳你的個人 很多人卻忽視了html標籤meta的強大功效,乙個好的meta標籤設計可以大大提...