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