深入淺出meta標簽
我要評論通常所說的META標簽，是在HTML網頁源代碼中一個重要的html標簽。META標簽用來描述一個HTML網頁文檔的屬性，例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。
1、viewport
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
（1）width 控制viewport的大小，可以指定一個值，如640或者特殊的值；device-width為設備的寬度（單位為縮放為100%的CSS的像素）；
（2）initial-scale 初始縮放比例，頁面第一次加載時的縮放比例；
（3）maximum-scale 允許用戶縮放到的最大比例，范圍從0到10.0；
（4）minimum-scale 允許用戶縮放到的最小比例，范圍從0到10.0；
（5）user-scalable 用戶是否可以手動縮放，值可以是：yes或true允許用戶縮放；no或false不允許用戶縮放；
2、content="IE=edge"
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
X-UA-Compatible是IE8的一個專有<meta>屬性，它告訴IE8采用何種IE版本去渲染網頁，在html的<head>標簽中使用；
IE=edge，如果系統安裝ie8或以上版本，則使用最高版本ie渲染；否則，這個設定可以忽略。
3、renderer
<meta name="renderer" content="webkit|ie-comp|ie-stand">
指定雙核瀏覽器默認以何種方式渲染頁面。
webkit 默認webkit內核；
ie-comp 默認IE兼容模式；
ie-stand 默認IE標準模式；
而webkit|ie-comp|ie-stand這種寫法是按照順序排他的優(yōu)先級，不支持則往下，瀏覽器將會按照從左到右的先后順序選擇其具備的渲染內核來處理當前網頁。
目前支持對其提供支持的瀏覽器有:360
4、apple-mobile-web-app-title
- <meta name="apple-mobile-web-app-title" content="博客園">
在發(fā)送到屏幕的時候默認的命名
5、format-detection
- <meta name="format-detection" content="telephone=no" /> //告訴設備忽略將頁面中的數字識別為電話號碼
- <meta name="format-detection" content="email=no" /> //不讓android識別郵箱
相關文章
- 下面小編就為大家?guī)硪黄猘標簽下載鏈接的簡單實現。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-13
- 下面小編就為大家?guī)硪黄亟^對定位以后設置了高寬,a標簽不能點擊的原因及解決方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
- 下面就為大家?guī)硪黄猦tml meta標簽的使用總結(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
- 寫在Web的head頭部中的mata標簽看似不起眼,實則可以設置非常多種的功能,包括頁面編碼等重要設定,這里我們便來總結HTML的meta標簽常見用法集錦:2016-07-11
HTML的a標簽href屬性指定相對路徑與絕對路徑的用法講解
href是鏈接前端文件的一個最常用的重要屬性,這里我們就來看一下HTML的a標簽href屬性指定相對路徑與絕對路徑的用法講解,需要的朋友可以參考下2016-07-11- 制作手機版網站的時候，除了頁面簡潔、操作方便等訪問者可以看到的地方以外，就是 Meta 標簽的設置，合理設置 Meta 標簽 對手機版網站的搜索引擎優(yōu)化，手機瀏覽器的渲染展2016-01-06
- 這篇文章主要介紹了HTML5下meta標簽的一些應用方法實例,包括在移動前端頁面上的一個使用例子,需要的朋友可以參考下2015-12-08
- 下面小編就為大家?guī)硪黄猘標簽有小手狀和無小手狀css的屬性介紹。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-26