常用meta標籤集錦

META標籤定義:用來描述一個HTML網頁文檔的屬性,例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。(摘自百度百科)

1、keywords用來告知搜索引擎網站的關鍵詞。

<meta name="keywords" content="" />

2、description用來告知搜索引擎網站的關鍵詞。

<meta name="description" content="" />

3、viewport用來做移動端的開發。

 (1)maximum-scale : 允許用戶縮放到的最大比例,範圍從0到10.0
(2)minimum-scale : 允許用戶縮放到的最小比例,範圍從0到10.0
(3)user-scalable : 用戶是否可以手動縮放,yes、 true允許用戶縮放;no、false不允許用戶縮放
(4)initial-scale : 初始縮放比例,頁面第一次加載時的縮放比例
(5)width:控制 viewport 的大小,一般爲device-width 設備的寬度(單位爲縮放爲100% 時的 CSS 的像素)
(6)height:和 width 相對應,指定高度


<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">

4、iphone用戶手機號碼默認爲可撥號狀態,改爲no可以讓手機號碼不被顯示爲可撥號狀態。

<meta content="telephone=no" name="format-detection">

5、同上,改的是郵箱地址。

<meta content="email=no" name="format-detection">

6、同上,改的是地址不跳轉到地圖,這三個也可以寫在一個meta標籤裏,以逗號隔開。

<meta content="adress=no" name="format-detection">

7、禁用掉uc瀏覽器判斷到頁面上文字居多時,會自動放大字體優化移動用戶體驗。

<meta name="wap-font-scale" content="no">

8、字符編碼,防止中文亂碼。

<meta charset="UTF-8">

9、"添加到主屏幕“後,全屏顯示。

<meta content="yes" name="apple-touch-fullscreen">

10、刪除默認的蘋果工具欄和菜單欄,默認是顯示。

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

持續更新中.......










發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章