首頁 > web前端 > html教學 > meta標籤

meta標籤

WBOY
發布: 2016-08-30 09:21:06
原創
1226 人瀏覽過

1、viewport

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="viewport"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"</span> <span style="color: #0000ff;">/></span>
登入後複製

(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"

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">http-equiv</span><span style="color: #0000ff;">="X-UA-Compatible"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="IE=edge"</span><span style="color: #0000ff;">></span>
登入後複製

X-UA-Compatible是IE8的一個專有屬性,它告訴IE8採用何種IE版本去渲染網頁,在html的

標籤中使用;

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

3、renderer

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="renderer"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="webkit|ie-comp|ie-stand"</span><span style="color: #0000ff;">></span>
登入後複製

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

webkit  預設webkit內核;

ie-comp  預設IE相容模式;

ie-stand  預設IE標準模式;

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

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

4、apple-mobile-web-app-title

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="apple-mobile-web-app-title"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="博客园"</span><span style="color: #0000ff;">></span>
登入後複製

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

5、format-detection

<span style="color: #008080;">1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="format-detection"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="telephone=no"</span> <span style="color: #0000ff;">/></span><span style="color: #000000;"> //告诉设备忽略将页面中的数字识别为电话号码
</span><span style="color: #008080;">2</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="format-detection"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="email=no"</span> <span style="color: #0000ff;">/></span> //不让android识别邮箱
登入後複製

 

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