手機網頁的HTML

元數據:
定義緩存:
    <meta http-equiv="Cache-Control" content="">
    content的值:
        public:任何地方可以緩存網頁;
        private:單個用戶私有,會在一個私有緩存區緩存網頁,緩存的網頁僅能發送給單個客戶端;
        no-cache:不能緩存在任何緩存區域;  
        no-store:響應和導致該響應的請求不能存儲在任何緩存區內;
        no-transform:代理有可能修改HTTP響應的包頭字段,該設置爲不允許修改;
        must-revalidate:HTTP允許緩存在某些特定情況下返回過期數據;
        proxy-revalidate:與must-revalidate基本相同,但不應用到非共享的緩存;
        max-age:以秒爲單位的緩存最大過期時間;
        s-maxage:用於代理的共享緩存,對於代理,可以覆蓋max-age。
應用程序名:
    <meta name="application-name" content="應用程序名字">

超鏈接:
    郵箱鏈接:<a href="mailto:[email protected]">發送郵件</a>
    電話鏈接:<a href="tel:134-303-76410">撥打號碼</a>
    短信鏈接:<a href="sms:13430376410">發送短信</a>

輸入模式(inputmode):
    通常爲input、textarea增加該屬性;
    數字:inputmode="digits"
    拉丁小字:inpuymode="latin lowerCase"

視點:決定網頁的佈局區域。
    手機上瀏覽器沒有窗口概念,沒有滾動條,不能進行大小調整;
    手機瀏覽器與桌面瀏覽器有不同交互方式;
    手機上的視點不等同於瀏覽器的可視區域,手機上的瀏覽器設定了一個固定、默認的視點大小。
@viewport規則
max-height:定義視點最大高度(數值、百分比、auto、device-height)
max-width:定義視點最大寬度(數值、百分比、auto、device-width)
max-zoom:定義視點所允許最大縮放比例(數值、百分比、auto)
min-height:定義視點最小高度(數值、百分比、auto、device-height)
min-width :定義視點最小高度(數值、百分比、auto、device-width )
min-zoom:定義視點所允許最大縮放比例( 數值、百分比、auto)
orientation:指定設備方向(auto、豎屏portrait、橫屏landscape)
resolution:分辨率(auto、dpi、dpcm)
user-zoom:是否允許用戶縮放(zoom可以、fixed不允許)
height:同時定義最大、最小高度
width:同時定義最大最小高度
zoom:指定初始縮放比例

發佈了70 篇原創文章 · 獲贊 3 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章