HTML5是一種技術(shù)的統(tǒng)稱，在HTML5當(dāng)中，對(duì)移動(dòng)端進(jìn)行了“改革”，而HTML5中的CSS3媒體查詢、CSS新增的rem單位，配合原有的CSS方面的東西，就構(gòu)成了響應(yīng)式布局的知識(shí)組成。
成都創(chuàng)新互聯(lián)公司是一家專(zhuān)業(yè)提供湖濱企業(yè)網(wǎng)站建設(shè),專(zhuān)注與網(wǎng)站制作、成都網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、小程序制作等業(yè)務(wù)。10年已為湖濱眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。
換言之，HTML5技術(shù)中的一部分知識(shí)（很少很少一部分）是實(shí)現(xiàn)響應(yīng)式布局的技術(shù)基礎(chǔ)。而響應(yīng)式布局也是網(wǎng)頁(yè)布局當(dāng)中的一種布局，響應(yīng)式頁(yè)面，就是響應(yīng)式布局制作而成的頁(yè)面。
關(guān)于HTML5是什么，可以看這里 ——?網(wǎng)頁(yè)鏈接
html5是前端控制顯示的代碼，即在瀏覽器中打開(kāi)一個(gè)網(wǎng)站，查看源代碼，可以看到的內(nèi)容
javascript通常來(lái)說(shuō)是穿插在html5中用以控制數(shù)據(jù)和顯示效果的腳本（因?yàn)閖s也可以用作其它用途，所以這里說(shuō) 通常來(lái)說(shuō)），查看源代碼中 script標(biāo)簽內(nèi)的代碼，以及script標(biāo)簽指向的js文件
綜上，兩個(gè)都是最終需要輸出給瀏覽器端控制顯示的
php則與這兩者不同，它是完全在服務(wù)器端運(yùn)行，運(yùn)行完后到瀏覽器端是看不到任何原有的php代碼的。
要說(shuō)關(guān)系，也可以說(shuō)是生成的關(guān)系。php連接數(shù)據(jù)庫(kù)（也可以是沒(méi)連），處理數(shù)據(jù)，生成html代碼及js代碼（js一般是單獨(dú)寫(xiě)好的，只需要引用在html中，也可以由php生成），然后輸出給瀏覽器顯示。
1. HTML5 標(biāo)準(zhǔn)還在制定中
首先要注意的是，HTML5雖然現(xiàn)在很火，但是HTML5標(biāo)準(zhǔn)還在制定中，標(biāo)準(zhǔn)仍在改變。HTML4已經(jīng)10多年了，不會(huì)有任何改變了。
2. 簡(jiǎn)化的語(yǔ)法
HTML5簡(jiǎn)化了很多細(xì)微的語(yǔ)法，例如doctype的聲明，只需要寫(xiě)!doctype html就行了。HTML5與HTML5，XHTML1兼容，但是與SGML不兼容。
3. canvas標(biāo)簽替代Flash
Flash給很多Web開(kāi)發(fā)者帶來(lái)了麻煩，要在網(wǎng)頁(yè)上播放Flash需要一堆代碼和插件。canvas標(biāo)簽使得開(kāi)發(fā)者只要使用一個(gè)標(biāo)簽就 能和用戶產(chǎn)生UI交互。
4. 新增 header 和 footer 標(biāo)簽
HTML5設(shè)計(jì)的一個(gè)原則是更好的體現(xiàn)網(wǎng)站的語(yǔ)義性，所以增加了header和footer這樣的標(biāo)簽，用來(lái)明確表示網(wǎng)頁(yè)的結(jié)構(gòu)。
5. 新增 section 和 article 標(biāo)簽
與header, footer類(lèi)似，section和article也有利于清晰化網(wǎng)頁(yè)的結(jié)構(gòu)，更有利于SEO。
6. 新增 menu 和 figure 標(biāo)簽
menu可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。figure標(biāo)簽使得網(wǎng)頁(yè)文字和圖片的排版更專(zhuān)業(yè)。
7. 新增 audio 和 video 標(biāo)簽
這兩個(gè)標(biāo)簽可能是HTML5里面最有用的兩個(gè)標(biāo)簽了e68a84e8a2ade799bee5baa6e79fa5e9819331333361306438。顧名思義，這兩個(gè)標(biāo)簽是用來(lái)播放音頻和視頻的。
8. 全新的表單
HTML5對(duì) form 和 forminput 標(biāo)簽進(jìn)行了大量修改，添加了很多新的屬性，也修改了很多屬性。
9. 刪除 b 和 font 標(biāo)簽
這個(gè)改進(jìn)還無(wú)法理解。不認(rèn)為刪除這兩個(gè)標(biāo)簽對(duì)代碼的改進(jìn)有很大的幫助。官方的解釋是應(yīng)該用CSS來(lái)替代這兩個(gè)標(biāo)簽。但還是覺(jué)得對(duì)于簡(jiǎn)單的文本，這兩個(gè)標(biāo)簽還是很方便的。
10. 刪除 frame, center, big 標(biāo)簽
已經(jīng)記不得上次是什么時(shí)候使用這些標(biāo)簽了。
一、響應(yīng)式布局是Ethan Marcotte在2010年5月份提出的一個(gè)概念，簡(jiǎn)而言之，就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。這個(gè)概念是為解決移動(dòng)互聯(lián)網(wǎng)瀏覽而誕生的。響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗(yàn)，而且隨著目前大屏幕移動(dòng)設(shè)備的普及，用大勢(shì)所趨來(lái)形容也不為過(guò)。隨著越來(lái)越多的設(shè)計(jì)師采用這個(gè)技術(shù)，我們不僅看到很多的創(chuàng)新，還看到了一些成形的模式。
二、優(yōu)點(diǎn)：面對(duì)不同分辨率設(shè)備靈活性強(qiáng)，能夠快捷解決多設(shè)備顯示適應(yīng)問(wèn)題。缺點(diǎn)：兼容各種設(shè)備工作量大，效率低下。代碼累贅，會(huì)出現(xiàn)隱藏?zé)o用的元素，加載時(shí)間加長(zhǎng)。其實(shí)這是一種折衷性質(zhì)的設(shè)計(jì)解決方案，多方面因素影響而達(dá)不到最佳效果。一定程度上改變了網(wǎng)站原有的布局結(jié)構(gòu)，會(huì)出現(xiàn)用戶混淆的情況。
我們通常說(shuō)的html5是html5，css3，javascript5.0的技術(shù)標(biāo)準(zhǔn)的總稱，h5是html5的簡(jiǎn)稱
重慶分公司
重慶分公司
