深入淺出meta標(biāo)簽
通常所說的META標(biāo)簽,是在HTML網(wǎng)頁源代碼中一個(gè)重要的html標(biāo)簽。META標(biāo)簽用來描述一個(gè)HTML網(wǎng)頁文檔的屬性,例如作者、日期和時(shí)間、網(wǎng)頁描述、關(guān)鍵詞、頁面刷新等。
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 初始縮放比例,頁面第一次加載時(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)頁,在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)以何種方式渲染頁面。
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這種寫法是按照順序排他的優(yōu)先級(jí),不支持則往下,瀏覽器將會(huì)按照從左到右的先后順序選擇其具備的渲染內(nèi)核來處理當(dāng)前網(wǎng)頁。
目前支持對(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è)備忽略將頁面中的數(shù)字識(shí)別為電話號(hào)碼
- <meta name="format-detection" content="email=no" /> //不讓android識(shí)別郵箱
欄 目:CSS/HTML
下一篇:HTML+CSS項(xiàng)目開發(fā)經(jīng)驗(yàn)總結(jié)(推薦)
本文標(biāo)題:深入淺出meta標(biāo)簽
本文地址:http://mengdiqiu.com.cn/a1/CSS_HTML/9576.html
您可能感興趣的文章
- 01-10a標(biāo)簽中寫有文字如何隱藏文字顯示圖片兼容360模式渲染
- 01-10IE瀏覽器HTML Hack標(biāo)簽總結(jié)
- 01-10常用HTML meta 標(biāo)簽屬性(網(wǎng)站兼容與優(yōu)化需要)
- 01-10XHTML中的常用標(biāo)簽整理
- 01-10HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法
- 01-10HTML head 頭標(biāo)簽詳細(xì)介紹
- 01-10a標(biāo)簽的背景圖在ie8下不顯示問題的解決方法
- 01-10a標(biāo)簽href屬性與onclick事件使用實(shí)例
- 01-10HTML中iFrame標(biāo)簽的兩個(gè)用法介紹
- 01-10用Meta標(biāo)簽代碼讓360雙核瀏覽器默認(rèn)極速模式不是兼容模式


閱讀排行
本欄相關(guān)
- 04-02表格樣式css樣式,css樣式表單
- 04-02好看的字體樣式css,好看的字體樣式圖
- 04-02分頁樣式css,分頁樣式j(luò)q
- 04-02分頁樣式css,分頁樣式欄里用來定義首
- 04-02css樣式的引入,css樣式怎么引入
- 04-02css滾動(dòng)條樣式,css滾動(dòng)條的樣式
- 04-02css樣式引入方式有幾種,網(wǎng)頁引入css樣
- 04-02html中加入css樣式的簡單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表
隨機(jī)閱讀
- 08-05DEDECMS點(diǎn)擊主欄目默認(rèn)顯示第一個(gè)子欄
- 08-05dedecms織夢模板全站調(diào)用收藏?cái)?shù)的方法
- 01-10bat批處理徹底隱藏文件的方法(使用
- 01-10C++ 類訪問控制的條件總結(jié)
- 01-11常用的HTML富文本編譯器UEditor、CKEdi
- 01-10C++實(shí)現(xiàn)將數(shù)組中的值反轉(zhuǎn)
- 08-05織夢dedecms首頁調(diào)用縮略圖為背景
- 08-05dedecms織夢模板編輯文檔的同時(shí)自動(dòng)更
- 01-10C語言打印楊輝三角示例匯總
- 01-10vue實(shí)現(xiàn)分頁加載效果