meta小解

時間 2019-12-01

標籤 meta 小解欄目 HTML5 简体版

原文原文鏈接

meta是html中的一個輔助標籤，位於<head>與<title>之間，它能提供用戶不可見的信息，數據結構爲鍵值對html

meta標籤格式<meta http-equiv/name= "" content= "">web

主要分爲兩種類型: http-equiv與name瀏覽器

---------------------------------------------------------------------------------------------------------------------緩存

http-equiv（標題信息）:服務器

1.expires（期限）:網頁在緩存中到期時間，一旦網頁過時，發出請求時必須從服務器調閱cookie

eg: <meta http-equiv= "expires" content= "Wed, 20 Jun 2007 22:33:00 GMT">數據結構

注:必須使用GMT時間格式或0app

2.pragma（編譯）:禁止瀏覽器從本機緩存中調閱頁面內容，網頁不保存在緩存中，每次訪問都刷新頁面，沒法脫機瀏覽框架

eg: <meta http-equiv= "pragma" content= "no-cache">編輯器

cache-control （緩存控制）：pragma no-cache與cache-control no-cache效果一致，前者可應用到http 1.0和http 1.1 後者晚出現，只能應用到1.1

3.refresh（刷新）：自動刷新頁面或指向新頁面

eg: <meta http-equiv= "refresh" content= "10"> //每隔10秒刷新

4.set-cookie（建立一個Cookie）

eg: <meta http-equiv= "set-cookie" content= "cookievalue=xxx;expires=Wednesday, 20-Jun-2016, 7 22:33:00 GMT;path= /">

注: 只能使用GMT時間；

　　當瀏覽器打開此頁面時會將其存入緩存中，下次訪問時就直接從緩存中讀取，以提升速度，若網頁緩存過時，那麼此cookie也將被刪除

5.window-target （顯示窗口的設定）：強制頁面在當前窗口以獨立頁面顯示，用來防止別人再框架內調用本身的頁面

eg:<meta http-equiv= "window-target" content= "_top">

注:content可爲_blank、_top、_self、_parent

6.content-type（字符集設定）：設定網頁使用的字符集

eg: <meta http-equiv= "content-type" content= "text/html; charset=gb2312">

--------------------------------------------------------------------------------------------------------------------------------------------------------------

name（頁面描述信息）

各關鍵詞間用英文逗號「,」隔開。META的一般用處是指定搜索引擎用來提升搜索質量的關鍵詞。當數個META元素提供文檔語言從屬信息時，搜索引擎會使用lang特性來過濾並經過用戶的語言優先參照來顯示搜索結果

1.keywords（關鍵字）：爲搜索引擎提供關鍵字

eg:<meta name= "Keywords" content= "aa,bb,cc">

注:meta的一般用處是置頂搜索引擎用來提供搜索質量的關鍵詞，當多個meta元素提供文檔語言從屬信息時，搜索引擎會使用lang特性來過濾並經過用戶的語言優先參照來顯示搜索結果;

　　關鍵詞直接用‘,’隔開

2.description（描述）：告訴搜索引擎你的網站的主要內容

eg: <meta name= "description" content= "相關描述">

3.robots（機器人嚮導）: 用來告訴搜索機器人哪些頁面須要索引，哪些不須要

4.author（做者）：標明網頁的做者

eg： <meta name= "author" content= "炎澤">

注:做者或製做組或email

5.viewport：指定用戶是否能夠縮放頁面以及縮放比例

eg: <meta name=」viewport」 content=」width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale=1.0」>

注: width height 指定視區的邏輯寬度、邏輯高度，可爲數字爲單位的數字，也可爲特殊標記符號，經常使用的device-width：視區邏輯寬度爲設備寬度

user-scalable：是否能夠縮放視圖 yes能 no不能

initial-scale：初始縮放比例

maximum-scale=5.0, minimun-scale：最大/最新縮放比例（0.25~10）

屬性間用','隔開

6.app-mobile-web-app-capable：刪除蘋果瀏覽器默認的工具欄和菜單欄

eg:<meta name="apple-mobile-web-app-capable" content="yes">

7.apple-mobile-web-app-status-bar-style: 控制狀態欄顯示樣式

eg: <meta name="apple-mobile-web-app-status-bar-style" content="black">

6.copyright（版權）

6.generator（編輯器）

7.revist-after（重訪）

1. meta viewport 詳解
2. meta 詳解
3. HTTP --meta詳解
4. HTML meta頭部小結
5. [Android記錄]meta-data小結
6. meta 屬性詳解
7. Meta標籤詳解
8. meta標籤詳解
9. html之meta詳解
10. Django model中的 class Meta 詳解 Django model中的 class Meta 詳解
更多相關文章...
• MySQL FLOAT、DOUBLE、DECIMAL（小數類型） - MySQL教程
• SQLite Explain（解釋） - SQLite教程
• Scala 中文亂碼解決
• JDK13 GA發佈：5大特性解讀

相關標籤/搜索