首頁 > web前端 > html教學 > meta標籤的一些用法詳解

meta標籤的一些用法詳解

巴扎黑
發布: 2017-03-30 11:41:56
原創
1405 人瀏覽過

通常所說的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的一個專有屬性,它告訴IE8採用何種IE版本去渲染網頁,在html的標籤中使用;

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

3、renderer



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

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板