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的一個專有e8e496c15ba93d81f6ea4fe5f55a2244屬性，它告訴IE8採用何種IE版本去渲染網頁，在html的93f0f5c25f18dab9d176bd4f6de5d30e標籤中使用；

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

3、renderer

a257cf05248453bebd0d21ba46f42ac8

#指定雙核心瀏覽器預設以何種方式渲染頁面。

webkit  預設webkit核心；

ie-comp  預設IE相容模式；

ie-stand  預設IE標準模式;

而webkit|ie- comp|ie-stand這種寫法是依照順序排他的優先權，不支援則往下，瀏覽器將會依照從左到右的先後順序選擇其具備的渲染核心來處理目前網頁。

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

4、apple-mobile-web-app-title

<meta name="apple-mobile-web-app-title" content="博客园">

在傳送到螢幕的時候預設的命名

#5、format-detection
##XML/HTML Code複製內容到剪貼板子

<meta name="format-detection" content="telephone=no" /> //告诉设备忽略将页面中的数字识别为电话号码   

     <meta name="format-detection" content="email=no" /> //不让android识别邮箱

           

以上是meta標籤的一些用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！