手機端網頁的頭部meta標籤裡面都應該配置些啥?
沒腫么寫過手機端頁面呀,話說貌似手機端頁面裡面頭部會有一些meta標籤然而很多看上去有炫酷又不知道有什麼用,所以求一些常用的適用的meta標籤,另外順路問一嘴,header和footer是用position:fixed定位嗎?
header和footer 可以看成是DIV正常用css操作就行了
一、天貓
&
&
&
&
&
&
&
二、淘寶
&
&
&
&
&
&
&
&
&
&
&
&
三、京東
&
&
&
&
&
四、網易
&
&
&
&
&
五、百度
&
&
&
meta指元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。 標籤位於文檔的頭部,不包含任何內容。 標籤的屬性定義了與文檔相關聯的名稱/值對。
手機端特有的有哪些?
&
&
&
&
第一個meta標籤表示:強制讓文檔的寬度與設備的寬度保持1:1,並且文檔最大的寬度比例是1.0,且不允許用戶點擊屏幕放大瀏覽;
width - viewport的寬度 height - viewport的高度
initial-scale - 初始的縮放比例
minimum-scale - 允許用戶縮放到的最小比例
maximum-scale - 允許用戶縮放到的最大比例
user-scalable - 用戶是否可以手動縮放
第二個meta標籤是iphone設備中的safari私有meta標籤,它表示:允許全屏模式瀏覽;
第三個meta標籤也是iphone的私有標籤,它指定的iphone中safari頂端的狀態條的樣式;
在web app應用下狀態條(屏幕頂部條)的顏色;
默認值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。
注意:若值為「black-translucent」將會佔據頁面px位置,浮在頁面上方
(會覆蓋頁面20px高度–iphone4和itouch4的Retina屏幕為40px)。
第四個meta標籤表示:告訴設備忽略將頁面中的數字識別為電話號碼。
推薦閱讀:
※關於div+css布局的定位?
※css脫離文檔流到底是什麼意思,脫離文檔流就不佔據空間了嗎?脫離文檔流是不是指該元素從dom樹中脫離?
※為何現在前端很少有網站使用FLEX布局?
※position:fixed 默認是相對瀏覽器窗口定位的,怎麼實現相對父級元素定位呀?父級設置position:relative不管用.
※單行網頁文字如何在移動端實現兩端對齊?