首頁 >web前端 >html教學 >html手機網站需要加的那些meta標籤

html手機網站需要加的那些meta標籤

黄舟
黄舟原創
2017-06-29 13:26:222105瀏覽

1、行動網站要加的html5相關meta與標籤
    a、dd257e69ce73f4c709ec3760dd50e0ad
   

<meta name="
viewport
" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">


    網頁寬度預設等於螢幕寬度(width=device-width),
#    初始縮放比例(initial-scale=1)為1.0,即網頁初始大小佔螢幕面積的100%。


    b、9efd1d4a3a19beb0d83b839d3061ad6a

    <meta name="apple-mobile-web-app-capable" content="yes">


    c、5477096e03c9e0c6b1052eb81c40e2d2
   

<meta name="apple-mobile-web-app-status-bar-style" content="black" />


#    d、512b9490ffd3d46a701e6e9bd38ed2ae
 

   <meta name="format-detection" content="telephone=no">


#    e、5e56c068f17e6746246834b8474babd6
 

  <link rel="shortcut icon" href="http://p.www.xiaomi.com/favicon.ico" type="/image/x-icon">


#    f、6d3412bfdfec47b67905028e818e429a
   

 <link rel="apple-touch-icon-precomposed" href="http://a.tbcdn.cn/mw/s/hi/tbtouch/images/touch-icon.png">




    ============= =======
    還有有趣的方法
    建立html5時發現這麼一句話,如下:

#
 <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>

    這樣寫可以達到的效果是如果安裝了GCF(Google Chrome Frame 谷歌內嵌瀏覽器框架的簡稱),則使用GCF來渲染頁面,如果沒安裝GCF,則使用最高版本的IE核心進行渲染。這個插件可以讓使用者的IE瀏覽器外不變,但使用者在瀏覽網頁時,實際上使用的是Google Chrome瀏覽器內核,而且支援IE6、7、8等多個版本的IE瀏覽器。

以上是html手機網站需要加的那些meta標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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