html meta標籤使用總結

2022-03-31 05:41:42 字數 2559 閱讀 3873

meta標籤作用

ps：便於搜尋引擎機械人查詢、分類，網際網路應用應該要注意。

大**都是怎麼寫？

京東首頁的meta設定：

**首頁的meta設定：

youku首頁的meta設定：


鬥魚首頁的meta設定：


起點**網首頁的meta設定：


meta詳解


meta標籤可分為兩大部分：http-equiv和name變數。


http-equiv相當於http的檔案頭作用，它可以向瀏覽器傳回一些有用的資訊，以幫助瀏覽器正確地顯示網頁內容。值描述


例子content-type


設定頁面使用的字符集


gb2312時，代表說明**是採用的編碼是簡體中文；


iso-8859-1時，代表說明**是採用的編碼是英文；


utf-8時，代表世界通用的語言編碼；


ps：html5頁面的做法是直接使用


x-ua-compatible


ie8的專用標記，用來指定ie8瀏覽器去模擬某個特定版本的ie瀏覽器的渲染方式，以此來解決部分相容問題。


以上**告訴ie瀏覽器，無論是否用dtd宣告文件標準，ie8/9都會以ie7引擎來渲染頁面。  


以上**告訴ie瀏覽器，ie8/9都會以ie8引擎來渲染頁面。  


以上**告訴ie瀏覽器，ie8/9及以後的版本都會以最高版本ie來渲染頁面。  


以上**ie=edge告訴ie使用最新的引擎渲染網頁，chrome=1則可以啟用chrome frame.


ps：谷歌新增乙個外掛程式：google chrome frame（谷歌內嵌瀏覽器框架gcf），這個外掛程式可以讓使用者的ie瀏覽器外不變，但使用者在瀏覽網頁時，實際上使用的是google chrome瀏覽器核心，而且支援ie6、7、8等多個版本的ie瀏覽器。


expires


設定網頁的過期時間。


ps：必須使用gmt的時間格式


refresh


自動重新整理並指向新頁面。


set-cookie


如果網頁過期，那麼自動刪除本地cookie。


ps：必須使用gmt的時間格式。


windows-target


強制頁面在當前視窗中以獨立頁面顯示，可以防止自己的網頁被別人當作乙個frame頁呼叫


cache-control


快取機制


public：指示響應可被任何快取區快取。


private：指示對於單個使用者的整個或部分響應訊息，不能被共享快取處理。這允許伺服器僅僅描述當使用者的部分響應訊息，此響應訊息對於其他使用者的請求無效。


no-cache：指示請求或響應訊息不能快取。


no-store：用於防止重要的資訊被無意的發布。在請求訊息中傳送將使得請求和響應訊息都不使用快取。


max-age：指示客戶機可以接收生存期不大於指定時間（以秒為單位）的響應。


min-fresh：指示客戶機可以接收響應時間小於當前時間加上指定時間的響應。


max-stale：指示客戶機可以接收超出超時期間的響應訊息。如果指定max-stale訊息的值，那麼客戶機可以接收超出超時期指定值之內的響應訊息。


name


name屬性主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是便於搜尋引擎機械人查詢資訊和分類資訊用的。值描述


例子author


標註網頁的作者


keywords


description


頁面描述，用於搜尋引擎收錄


viewport


用於控制頁面縮放


詳情可檢視：


renderer


指定雙核瀏覽器預設以何種方式渲染頁面。


//預設webkit核心


//預設ie相容模式


//預設ie標準模式


ps：360瀏覽器支援


generator


說明**的採用的什麼軟體製作


revised


網頁文件的修改時間


robots


用來告訴搜尋機械人哪些頁面需要索引，哪些頁面不需要索引。


取值：all|none|index|noindex|follow|nofollow, 預設all


index：檔案將被檢索；


**版權資訊


總結


通過大**對於meta的設定，可以看到常用的有，x-ua-compatible、keywords、description。
				
HTML meta標籤使用介紹
標籤位於文件的頭部，不包含任何內容。標籤的屬性定義了與文件相關聯的名稱 值對。meta共有charset content name http equiv四個屬性 定義文件的字元編碼 charset utf 8 這個屬性包含http equiv或name屬性的值。content 屬性始終要和 name...

				
HTML meta標籤總結與屬性使用介紹
之前學習前端中，對meta標籤的了解僅僅只是這一句。charset utf 8 但是開啟任意的 其head標籤內都有一列的meta標籤。比如我部落格的。但是自己卻很不熟悉，於是把meta標籤加入了寒假學習計畫的最前方。the tag provides metadata about the html ...

				
HTML meta標籤總結與屬性使用介紹
之前學習前端中，對meta標籤的了解僅僅只是這一句。但是開啟任意的 其head標籤內都有一列的meta標籤。the tag provides metadata about the html document.metadata will not be displayed on the page,but...