手机浏览器页面知识收集
wap手機(jī)網(wǎng)頁css（wap css）
大部分手機(jī)現(xiàn)在都支持XHTML瀏覽器，這意味著我們只需在stylesheets的類型設(shè)置成“handheld”即
* { position: static !important;float: none !important; }因?yàn)楝F(xiàn)行的手機(jī)的屏幕限制，沒有太多的空間去漂移,故提倡用靜態(tài)布局和盡量少的用float(ucweb6.0目前還不支持float)
為了手機(jī)的流量，提倡盡量少用背景圖background: none !important;
另外，有背景色的白字在部分手機(jī)上也是不支持的，故少用此效果（ucweb6.0目前也不支持）
解決Pocket PC 2003的Pocket IE內(nèi)自動(dòng)縮小
Pocket IE到了Pocket PC 2003之后，讀取頁面的速度提升不少，終于到了實(shí)用階段。新版的Pocket IE對(duì)于超過螢?zāi)粚挾鹊膱D形也會(huì)自動(dòng)縮小，避免橫向卷軸的出現(xiàn)。
自動(dòng)縮圖的功能很不錯(cuò)，但是卻沒有提供關(guān)閉的功能，造成原先在Pocket PC 2002上能夠全螢?zāi)伙@示的Flash影片（240×320），到了Pocket PC2003之后，自動(dòng)會(huì)縮小。這個(gè)問題現(xiàn)在有解了，只要在html頁面上加上〈meta name="MobileOptimized" content="240"〉就可以了。
XHTML MP 常用的 Meta 信息
你可以用 標(biāo)簽為你的 XHTML MP 文件指定一些常用的 meta 信息. 標(biāo)簽應(yīng)當(dāng)被包含在 標(biāo)簽之間. WAP 瀏覽器會(huì)忽略它不能理解的 meta 信息. 你可以在一個(gè) XHTML MP 文件中指定任何種類的 meta 信息而不影響頁面的顯示效果.
例如, 你或許想在你的 XHTML MP 文件中加入作者的名字而不在屏幕上顯示它.
XHTML MP 的緩存控制
標(biāo)簽的用途之一是控制緩存中一個(gè) XHTML MP 文件的過期時(shí)間. 緩存是無線設(shè)備中的一些內(nèi)存空間, 這些空間臨時(shí)存儲(chǔ)著從服務(wù)器上下載下來的 XHTML MP 文件. 如果 WAP 瀏覽器發(fā)現(xiàn)所請(qǐng)求的某個(gè) XHTML MP 文件位于緩存中并且還沒有過期, WAP 瀏覽器將顯示緩存中的文件以最小化加載延遲. 如果你的 XHTML MP 頁面有對(duì)時(shí)間敏感的內(nèi)容, 如財(cái)務(wù)數(shù)據(jù), 你或許想把過期時(shí)間設(shè)置為一個(gè)較小的值甚至為 0, 以不至于使用戶稍后看到過期的 XHTML MP 頁面. 下面的 XHTML MP 例子展示了如何用 標(biāo)簽將一個(gè) XHTML MP 頁面的過期日期設(shè)置為 0.
〈meta http-equiv="Cache-Control" content="no-cache"/〉 或者是〈meta http-equiv="Cache-Control" content="max-age=0"/〉將一個(gè) XHTML MP 文件的過期日期設(shè)置為 300 秒
〈meta http-equiv="Cache-Control" content="max-age=300"/〉XHTML MP 中的間歇性刷新
在 XHTML MP 中, HTTP 刷新可用于通知 WAP 瀏覽器間歇性刷新當(dāng)前頁. 對(duì)于提供實(shí)時(shí)信息的移動(dòng)互聯(lián)網(wǎng)瀏覽應(yīng)用來說, 這是一個(gè)非常有用的功能. 在下面的 XHTML MP 代碼中, 頁面每 15 秒鐘自動(dòng)被刷新一次. 要注意的是這個(gè) XHTML MP 例子中需要 . 如果上述代碼沒被包含, WAP 瀏覽器將僅僅顯示緩存中的文檔的復(fù)本, 而不需要每次刷新都連接服務(wù)器.
HTTP 刷新可用于通知 WAP 瀏覽器在一定時(shí)間后去另一個(gè) URL. 你可以利用此特征把用戶重定向到另一個(gè) XHTML MP 頁面或者創(chuàng)建一個(gè)幻燈片，如下例子15 秒鐘后把用戶重定向到 "hello_world_example1.xhtml".
〈meta http-equiv="refresh" content="15;URL=hello_world_example1.xhtml"/〉但注意, 某些 WAP 瀏覽器是不支持 HTTP 刷新的.
例外，幾個(gè)有用的meta信息
viewport的meta標(biāo)簽
網(wǎng)頁手機(jī)wap2.0網(wǎng)頁的head里加入下面這條元標(biāo)簽，在iPhone的瀏覽器中頁面將以原始大小顯示，并不允許縮放。
其中：
width - viewport的寬度 height - viewport的高度
initial-scale - 初始的縮放比例
minimum-scale - 允許用戶縮放到的最小比例
maximum-scale - 允許用戶縮放到的最大比例
user-scalable - 用戶是否可以手動(dòng)縮放
?
這個(gè)標(biāo)簽主要是用來控制搜索引擎抓取網(wǎng)站的頻率，告訴搜索引擎多長時(shí)間來網(wǎng)站抓取一次。假如我設(shè)置，那這樣搜索引擎就是7天來一次。使用這個(gè)標(biāo)簽的網(wǎng)站，通常是因?yàn)榫W(wǎng)站數(shù)據(jù)量非常大，被搜索引擎過于頻繁的抓取，會(huì)占用過大的資源，影響網(wǎng)站的訪問。所以，希望搜索引擎不要天天過來，抓取過一次了，那么等7天后再來。一般的網(wǎng)站是不需要這個(gè)標(biāo)簽的。
wap2.0手機(jī)網(wǎng)頁的語言 XHTML MP 文檔的典型結(jié)構(gòu)
〈?xml version="1.0"?〉 〈!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"〉 〈html xmlns="http://www.w3.org/1999/xhtml"〉 〈head〉 〈title>第一個(gè)手機(jī)頁面例子〈/title〉 〈/head〉 〈body〉 〈p〉你好. 歡迎來第一個(gè)手機(jī)頁面例子.〈/p〉 〈/body〉 〈/html〉XHTML MP 以序言 (prolog) 開頭, 該序言中含有 XML 聲明和 DOCTYPE 聲明.
該序言組件并非 XHTML MP 的元素, 因此不應(yīng)該把它關(guān)閉, 也就是, 你不應(yīng)該給它們加結(jié)束標(biāo)簽或用 /〉 結(jié)束它們.
?
文檔的其余部分, 除了 HTML 中的 〈html〉 標(biāo)簽不應(yīng)該有 xmlns 屬性外, 與普通的 HTML 文檔相同.
XHTML MP 必須包含 〈html〉,〈head〉, 〈title〉, 和 〈body〉 元素.
XML 聲明與字符編碼格式:
所有 XHTML MP 都是 XML 文檔. 因此, 文檔的開始總會(huì)有 XML 聲明. XML 聲明指定了文檔的 XML 版本. 文檔的字符編碼也可以在這里指定, 像這樣:
上面一行表述了 XHTML MP 文檔的 XML 版本為 1.0, 字符編碼格式為 UTF-8. 如果 XHTML MP 文檔的編碼格式為 UTF-8 或 UTF-16, encoding 屬性可以省略.
?
在XHTML MP 中, XML 聲明并非必需的組件. 然而, 如果 XML 聲明被省略的話, 將會(huì)導(dǎo)致一些 WAP 瀏覽器出問題. 例如, 一些 Sony Ericsson 的 WAP 瀏覽器, 當(dāng)接收到的 MIME 類型為 text/html 時(shí), 會(huì)利用 XML 聲明來區(qū)分 XHTML MP 和 IHTML (一個(gè) NTT DoCoMo 定義的有專利的標(biāo)記語言) 文檔: 如果文檔包含 XML 聲明, 它就是一個(gè) XHTML MP 文檔, 否則它就是一個(gè) IHTML 文檔.
DOCTYPE 聲明:
所有 XHTML MP 文檔都必須有 DOCTYPE 聲明. 該聲明應(yīng)該放在 XML 聲明與 元素之間. 下面是 XHTML MP 的 DOCTYPE 聲明. 你可以直接將其復(fù)制并粘貼到你的 XHTML MP 中.
DOCTYPE 指定了 DTD (文檔類型定義) 的名字 和鏈接到 DTD 的 URL. DTD 包含了關(guān)于標(biāo)記語言的語法信息. 它定義了什么元素和屬性可以在標(biāo)記中使用和使用它們的規(guī)則. 驗(yàn)證工具, 通過把你的 XHTML MP 文檔與 DOCTYPE 聲明中指定的 DTD 進(jìn)行比較, 可用于檢查你的 XHTML MP 文檔是否遵守了 XHTML MP 語言的規(guī)則. 一些 IDE 集成了類似的審核工具.
?
〈body〉 元素:
〈body〉 元素用于實(shí)際內(nèi)容的容器. 一個(gè) XHTML MP 文件只能包含一個(gè) 〈body〉 元素, 文本不可直接被包含在 〈body〉〈/body〉 標(biāo)簽對(duì)中. 例如, 下面的標(biāo)記代碼在 XHTML MP 中是不正確的:
〈body〉 你好. 〈/body〉
要糾正上面的 XHTML MP 標(biāo)記代碼, 文檔 body 中的文本必須被包含在其它元素, 如段落 (〈p〉〈/p〉), 列表 (〈ul〉〈li〉〈/li〉〈/ul〉 或 〈ol〉〈li〉〈/li〉〈/ol〉), 標(biāo)題 (〈h1〉〈/h1〉, 〈h2〉〈/h2〉...), 等等, 之間. 下面的標(biāo)記代碼在 XHTML MP 中是正確的:
〈body〉〈p〉你好.〈/p〉〈/body〉
手機(jī)網(wǎng)頁編碼需要遵循什么規(guī)范？
遵循XHTML Mobile Profile規(guī)范，簡稱為XHTML MP，也就是通常說的WAP2.0規(guī)范。 XHTMLMP是為不支持XHTML的全部特性且資源有限的客戶端所設(shè)計(jì)的。它以XHTML Basic為基礎(chǔ)，加入了一些來自XHTML 1.0的元素和屬性。這些內(nèi)容包括一些其他元素和對(duì)內(nèi)部樣式表的支持。和XHTML Basic相同，XHTML MP是嚴(yán)格的XHTML 1.0子集。
網(wǎng)頁文檔推薦使用擴(kuò)展名？
推薦命名為xhtml，按WAP2.0的規(guī)范標(biāo)準(zhǔn)寫成html/htm等也是可以的。但少數(shù)手機(jī)對(duì)html支持的不好。
為什么現(xiàn)今大多數(shù)的網(wǎng)站一行字?jǐn)?shù)上限為14個(gè)中文字符？
由于手持設(shè)備的特殊性，其頁面中實(shí)際文字大小未必是我們?cè)贑SS中設(shè)定的文字大小，尤其是在第三方瀏覽器中。例如Nokia5310，其內(nèi)置瀏覽器 頁面內(nèi)文字大小與CSS設(shè)定相符，但是第三方瀏覽器OperaMini與UCWEB頁面內(nèi)文字大小卻大于CSS設(shè)定。經(jīng)測試，其文本大概在16px左右。 假如屏幕分辨率寬度為240px，去除外邊距，那么其一行顯示14個(gè)字以內(nèi)，是比較保險(xiǎn)（避免文本換行）的做法。
使用WCSS還是CSS？
WCSS (WAP Cascading Style Sheet 或稱 WAP CSS)是移動(dòng)版本的CSS樣式表。它是CSS2的一個(gè)子集，去掉了一些不適于移動(dòng)互聯(lián)網(wǎng)特性的屬性，并加入一些具有WAP特性的擴(kuò)展（如-wap- input-format/-wap-input-required/display:-wap-marquee等）。 需要留意的是，這些特殊的屬性擴(kuò)展并不是很實(shí)用，所以在實(shí)際的項(xiàng)目開發(fā)當(dāng)中，不推薦使用WCSS特有的屬性。
避免空值屬性
如果屬性值為空，在web頁面中是完全沒有問題的，但是在大部分手機(jī)網(wǎng)頁上會(huì)報(bào)錯(cuò)。
網(wǎng)頁大小限制
建議低版本頁面不超過15k，高版本頁面不超過60k。
轉(zhuǎn)載于:https://www.cnblogs.com/asqq/archive/2012/12/26/2833465.html
總結(jié)
以上是生活随笔為你收集整理的手机浏览器页面知识收集的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： vlc windows 编译文档
- 下一篇： Java解析HTML