常用的HTML頁面標籤:
Section,div,artical,p,ol,ul,li,header,footer,span,form,input,label,h1,h2,h3
<head>標籤裏面的內容:Title,meta,link
meta:
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;"name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/>
<meta content="email=no" name="format-detection"/>
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1"media="(device-height:568px)"name="vuewport"/>
第一個meta標籤表示:強制讓文檔的寬度與設備的寬度保持1:1,並且文檔最大的寬度比例是1.0,且不允許用戶點擊屏幕放大瀏覽器;user-scalable:用戶是否可以手動縮放
第二個meta標籤是iphone設備中的safari私有meta標籤,它表示:允許全屏模式瀏覽;
第三個meta標籤也是iphone的私有標籤,它指定的iphone中safari頂端的狀態條的樣式;
第四個meta標籤表示:告訴設備忽略將頁面中的數字識別爲電話號碼
第五個meta標籤:用於忽略將頁面中郵件地址
第六個就是最大的高度限定在568Px以內,這個可以忽略,因爲我們都會用滑動來代替;當然了,可以用在頁面佈局不多的地方!