深入淺出meta標簽

來源：本站原創(chuàng)|時間：2020-01-10|欄目：CSS/HTML|點擊：次

通常所說的META標簽，是在HTML網(wǎng)頁源代碼中一個重要的html標簽。META標簽用來描述一個HTML網(wǎng)頁文檔的屬性，例如作者、日期和時間、網(wǎng)頁描述、關(guān)鍵詞、頁面刷新等。

1、viewport

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<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為設(shè)備的寬度（單位為縮放為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"

XML/HTML Code復(fù)制內(nèi)容到剪貼板

X-UA-Compatible是IE8的一個專有<meta>屬性，它告訴IE8采用何種IE版本去渲染網(wǎng)頁，在html的<head>標簽中使用；

IE=edge，如果系統(tǒng)安裝ie8或以上版本，則使用最高版本ie渲染；否則，這個設(shè)定可以忽略。

3、renderer

<meta name="renderer" content="webkit|ie-comp|ie-stand">

指定雙核瀏覽器默認以何種方式渲染頁面。

webkit 默認webkit內(nèi)核；

ie-comp 默認IE兼容模式；

ie-stand 默認IE標準模式；

而webkit|ie-comp|ie-stand這種寫法是按照順序排他的優(yōu)先級，不支持則往下，瀏覽器將會按照從左到右的先后順序選擇其具備的渲染內(nèi)核來處理當前網(wǎng)頁。

目前支持對其提供支持的瀏覽器有:360

4、apple-mobile-web-app-title

XML/HTML Code復(fù)制內(nèi)容到剪貼板

在發(fā)送到屏幕的時候默認的命名

5、format-detection

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<meta name="format-detection" content="telephone=no" /> //告訴設(shè)備忽略將頁面中的數(shù)字識別為電話號碼
<meta name="format-detection" content="email=no" /> //不讓android識別郵箱

欄目：CSS/HTML

本文地址：http://www.jygsgssxh.com/a1/CSS_HTML/9576.html

雷火电竞-中国电竞赛事及体育赛事平台