天天看點

特有标簽

1.設定浏覽器相容版本

    <meta http-equiv="X-UA-Compatible" content="IE=8">             表示IE浏覽器預設版本為8

    <meta http-equiv="X-UA-Compatible" content="IE=edge">       表示IE浏覽器預設選擇最高版本

2. 手機端特有的标簽

  (1).視口

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

 視口的作用:在移動浏覽器中,當頁面寬度超出裝置,浏覽器内部虛拟的一個頁面容器,将頁面容器縮放到裝置這麼大,然後展示。

   目前大多數手機浏覽器的視口(承載頁面的容器)寬度都是980;

   視口的寬度可以通過meta标簽設定

   此屬性為移動端頁面視口設定,目前值表示在移動端頁面的寬度為裝置的寬度,并且不縮放(縮放級别為1)

  + width:視口的寬度

  + initial-scale:初始化縮放

  + user-scalable:是否允許使用者自行縮放(值:yes/no; 1/0)

  + minimum-scale:最小縮放,一般設定了使用者不允許縮放,就沒必要設定最小和最大縮放

  + maximum-scale:最大縮放

  (2).是否允許全屏

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

該meta标簽是iphone裝置中的safari私有meta标簽,它表示:允許全屏模式浏覽;

  (3).頂部狀态條的顔色

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

該meta标簽也是iphone的私有标簽,它指定的iphone中safari頂端的狀态條的樣式;

在web app應用下狀态條(螢幕頂部條)的顔色;預設值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。注意:若值為“black-translucent”将會占據頁面px位置,浮在頁面上方(會覆寫頁面20px高度–iphone4和itouch4的Retina螢幕為40px)。

  (4).忽略數字識别為電話号碼

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

  該meta标簽表示:告訴裝置忽略将頁面中的數字識别為電話号碼。