1、這篇文章主要介紹了HTML5 移動(dòng)頁(yè)面自適應(yīng)手機(jī)屏幕四類(lèi)方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動(dòng)端頁(yè)面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備；如果想系統(tǒng)化的了解HTML+CSS方面的知識(shí)，建議你選擇一本比較不錯(cuò)的HTML5相關(guān)書(shū)籍主要看知識(shí)邏輯知識(shí)的表達(dá)方式，比如HTML5布局之路進(jìn)行學(xué)習(xí)，讓自己的知識(shí)更扎實(shí)一些，不然學(xué)的零零散散的Tips學(xué)習(xí)好HTML+CSS有；9網(wǎng)頁(yè)布局分為自然布局，浮動(dòng)布局， 定位布局 10當(dāng)一個(gè)元素被定義為浮動(dòng)顯示時(shí)，即定義為塊狀元素并且該元素就會(huì)收縮自身體積為最小狀態(tài)所以，應(yīng)該有個(gè)好的習(xí)慣即把浮動(dòng)元素設(shè)置高和寬如果沒(méi)有設(shè)置，則元素會(huì)按。

2、aa1 div， aa2 div， aa3 div width 80% height 100pxaa1 div backgroundcolor redaa2 div backgroundcolor greenaa3 div backgroundcolor bluehtml部分lt；在移動(dòng)端實(shí)現(xiàn)純css的自定義布局的方法1html5主頁(yè)面 lt！doctype html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1 userscalable=0quot；列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer 一般首頁(yè)結(jié)構(gòu)，如圖所示 當(dāng)然也可以是下面的結(jié)構(gòu) 其中section和article最為相似，而且和div標(biāo)簽貌似也有很大相似之處 但看似相似，并不是真的；4添加標(biāo)簽 HTML5提供的元素標(biāo)簽用來(lái)表示當(dāng)前頁(yè)面或文章的附屬信息部分，可以包含與當(dāng)前頁(yè)面或主要內(nèi)容相關(guān)的引用側(cè)邊欄廣告nav元素組，以及其他類(lèi)似的有別與主要內(nèi)容的部分根據(jù)目前的規(guī)范，元素有兩種使用方法被包含；你需要弄清楚3點(diǎn) 1中間的那條淡藍(lán)色的豎線(xiàn)是一個(gè)背景圖不帶圓圈2頭像，圓圈還有郵編的信息是一條完整的信息，可以用一個(gè)div或li來(lái)做容器，它分為三部分，左邊頭像，中間圓圈，右邊信息3今天和昨天這兩個(gè)；9 lthtml如果網(wǎng)頁(yè)編寫(xiě)工具暫時(shí)不支持HTML5也沒(méi)關(guān)系，自己寫(xiě)這幾行代碼也很簡(jiǎn)單說(shuō)明第一行l(wèi)t！DOCTYPE html是HTML5對(duì)文檔類(lèi)型的簡(jiǎn)化，化繁為簡(jiǎn)文檔類(lèi)型的作用驗(yàn)證器依據(jù)它來(lái)判斷該采用何種規(guī)則去驗(yàn)證代碼強(qiáng)制瀏覽器以標(biāo)準(zhǔn)模式；4上下框架型布局 這類(lèi)網(wǎng)站由上下邊欄組成，上邊欄用來(lái)放置logo和鏈接等信息，下邊欄用來(lái)放置網(wǎng)頁(yè)的內(nèi)容上下型網(wǎng)站經(jīng)常用來(lái)進(jìn)行個(gè)性化展示，在企業(yè)門(mén)戶(hù)網(wǎng)站的公司展示中也比較常用5標(biāo)題正文型布局 這類(lèi)網(wǎng)站的布局結(jié)構(gòu)由上。

3、代碼實(shí)例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動(dòng)端開(kāi)發(fā)實(shí)例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlink rel=quotstyles；可以通過(guò)DIV來(lái)分塊布局，然后通過(guò)CSS樣式來(lái)調(diào)整大小，顏色等樣式參考代碼如下lt！DOCTYPE html lthtml lthead ltstyle header backgroundcolorblackcolorwhitetextaligncenterpadding5px nav line；HTML5只是加了幾個(gè)語(yǔ)義化標(biāo)簽而已，方法還是老方法 div布局的話(huà) 矩形1 width50%floatleft矩形2 width50%floatleft如果矩形中沒(méi)有內(nèi)容，還需要設(shè)置高度這樣就行了 別忘了清除浮動(dòng) table布局就是 tr里面。

4、H5是html5的縮寫(xiě)，是萬(wàn)維網(wǎng)的核心語(yǔ)言標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言HTML的第五次重大修來(lái)改制作H5頁(yè)面的方法1首先在電腦中安裝H5的制作軟件，以WPS為例，點(diǎn)擊打開(kāi)WPSH5軟件2進(jìn)入H5的制作頁(yè)面后；html5新增的一些語(yǔ)義話(huà)標(biāo)簽，可以使用比如頭部可以使用header標(biāo)簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articlediv，ul li標(biāo)簽都是使用比較頻繁的標(biāo)簽，span，i，em可以對(duì)文字進(jìn)行單獨(dú)的描述，表示等lt；如果是在學(xué)習(xí)網(wǎng)頁(yè)布局的相關(guān)知識(shí)，可以弄本HTML5布局之路，來(lái)輔助自己的學(xué)習(xí) 網(wǎng)頁(yè)布局都有哪種？一般都用什么布局？ 一般中小型企業(yè)的網(wǎng)站都是全部固定常見(jiàn)960px的，這些企業(yè)一般不會(huì)耗太多精力在網(wǎng)站上，所以不論是什么版的都是用的一；使用 html5 開(kāi)發(fā)一個(gè)動(dòng)態(tài)網(wǎng)站方法工具原料 HBuilder66 MUI25 方法步驟 為了演示HTML5 APP頁(yè)面是如何做到動(dòng)態(tài)調(diào)整布局1首先，我們創(chuàng)建一個(gè)移動(dòng)APP項(xiàng)目，然后，添加一個(gè)indexhtml頁(yè)面代碼里，添加一個(gè)圖標(biāo)。