首頁  >  文章  >  web前端  >  深入淺出meta標籤

深入淺出meta標籤

高洛峰
高洛峰原創
2017-02-11 14:20:141117瀏覽

meta標籤是html網頁原始碼中非常重要的標籤,下文將重點介紹html 中meta標籤的知識,非常不錯,有興趣的朋友一起學習吧

通常所說的META標籤,是在HTML網頁來源程式碼中一個重要的html標籤。 META標籤用來描述一個HTML網頁文件的屬性,例如作者、日期和時間、網頁描述、關鍵字、頁面重新整理等。

1、viewport


XML/HTML Code複製內容到剪貼板XML/HTML

name

=

"viewport"
     
  1. content

    ="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  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. 2、content="IE=edge"

2、content="IE=edge"

XML/HTML Code複製內容到剪貼簿


ible  content

=

"IE=edge"

    >
  1.    

    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"


在發送到螢幕的時候預設的命名5、format-detection

  1. XML/HTML Code

    複製內容到剪貼板 name=" format-detection" content="telephone=no" /> //告訴裝置忽略將頁面中的數字識別為電話號碼  

  2.  meta name="format-detection" content

    更多深入淺出meta標籤相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn