html5和css3的應(yīng)用

《html5和css3的應(yīng)用》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫(kù)。

1、HTML5與CSS3的應(yīng)用-----微信網(wǎng)站頁(yè)面設(shè)計(jì)使用高洛峰雖然我們現(xiàn)在已經(jīng)普遍使用了HTML4和CSS2.1，但是我們還可以做得更好！我們可以重組我們代碼的結(jié)構(gòu)并能讓我們的頁(yè)面代碼更富有語(yǔ)義化特性。我們可以縮減帶給頁(yè)面美麗外觀樣式代碼量并讓他們有更高的可擴(kuò)展性。如今，HTML5和CSS3的技術(shù)和應(yīng)用環(huán)境已經(jīng)日趨成熟，它們將書(shū)寫(xiě)Web前端領(lǐng)域的新歷史，HTML5將成為新一代的Web技術(shù)標(biāo)準(zhǔn)，必定會(huì)改變整個(gè)Web應(yīng)用領(lǐng)域的游戲規(guī)則，它在給新的Web應(yīng)用帶來(lái)無(wú)限可能性的同時(shí)，還能帶來(lái)更快、更好、更炫的用戶體驗(yàn)。CSS3也將為Web開(kāi)發(fā)帶來(lái)革命性的影響，很多以前需要Java

2、Script和Ajax才能實(shí)現(xiàn)的復(fù)雜效果（如背景、圓角、3D動(dòng)畫(huà)，等等），現(xiàn)在使用CSS3就能簡(jiǎn)單地實(shí)現(xiàn)，極大地提高了程序的開(kāi)發(fā)效率。HTML5和CSS3已經(jīng)成為全球各大互聯(lián)網(wǎng)巨頭必爭(zhēng)之地，Microsoft、Google、Apple、Mozilla、Opera等瀏覽器廠商對(duì)它們的支持猶如一場(chǎng)競(jìng)賽，似乎已經(jīng)成為衡量它們的瀏覽器性能優(yōu)劣的一個(gè)重要標(biāo)準(zhǔn)。1現(xiàn)在是用HTML5的時(shí)候近幾年來(lái)，HTML5的大潮似乎是勢(shì)不可擋。在桌面應(yīng)用環(huán)境中，各大瀏覽器紛紛地朝著支持HTML5、結(jié)合HTML5的方向邁進(jìn)著；在移動(dòng)平臺(tái)上，HTML5已經(jīng)成為了iOS、WindowsPhone和And

3、roid移動(dòng)互聯(lián)網(wǎng)的唯一選擇。放眼望去，仿佛四野皆充滿著HTML5千秋萬(wàn)代一統(tǒng)江湖的高呼。HTML5是W3C與WHATWG合作的結(jié)果，WHATWG（WebHypertextApplicationTechnologyWorkingGroup）致力于web表單和應(yīng)用程序，而W3C專(zhuān)注于XHTML2.0。在2006年，雙方?jīng)Q定進(jìn)行合作，來(lái)創(chuàng)建一個(gè)新版本的HTML。HTML5剛發(fā)布時(shí)由于各瀏覽器之間的標(biāo)準(zhǔn)不統(tǒng)一，開(kāi)發(fā)者的時(shí)間都浪費(fèi)在解決Web瀏覽器之間的兼容性上。但由于W3C和WHATWG對(duì)HTML5新版本的制定，以及近年來(lái)對(duì)HTML5的使用，再加上各大瀏覽器鼎力支持，已經(jīng)有非

4、常豐富的兼容性解決方案，HTML5在老版本的瀏覽器上也可以正常運(yùn)行，正是因?yàn)楸Ｕ狭思嫒菪圆拍茏屓撕敛华q豫的用HTML5開(kāi)發(fā)網(wǎng)站。HTML5的目標(biāo)是將Web帶入一個(gè)成熟的應(yīng)用平臺(tái)，在HTML5平臺(tái)上，視頻、音頻、圖像、動(dòng)畫(huà)，以及同電腦的交互都被標(biāo)準(zhǔn)化。另外，HTML5內(nèi)部并沒(méi)有封裝什么很復(fù)雜的、不切實(shí)際的功能，而是封裝了簡(jiǎn)單實(shí)用的功能，HTML5內(nèi)部功能不是革命性的而是發(fā)展性的，并不代表HTML4創(chuàng)建出來(lái)的網(wǎng)站必須全部要重建，只會(huì)要求各Web瀏覽器今后能正常運(yùn)行用HTML5開(kāi)發(fā)出來(lái)的功能。雖然HTML5還有一些不足，但HTML5應(yīng)用已經(jīng)是大勢(shì)所趨，HTML5已經(jīng)開(kāi)始提供各

5、種各樣Web應(yīng)用上的解決方案。最新版本的Safari、Chrome、Firefox以及Opera支持某些HTML5特性。IE9將支持某些HTML5特性，IE10將全面支持HTML5。IE8及以下IE版本對(duì)HTML5標(biāo)簽的支持是有限的，我們可以通過(guò)在網(wǎng)頁(yè)中添加腳本的方式來(lái)解決目前IE瀏覽器對(duì)HTML5支持的問(wèn)題。讓IE（包括IE6）支持HTML5元素，我們需要在HTML頭部添加以下JavaScript，Opera，F(xiàn)ireFox等其他非IE瀏覽器就會(huì)忽視這段代碼，也不會(huì)存在http請(qǐng)求。上面這段代碼僅會(huì)在IE瀏覽器下運(yùn)行，還有一點(diǎn)需要注意，在頁(yè)面中調(diào)用html5.js文件

6、必須添加在頁(yè)面的head元素內(nèi)，因?yàn)镮E瀏覽器必須在元素解析前知道這個(gè)元素，所以這個(gè)js文件不能在頁(yè)面底部調(diào)用。這個(gè)html5的js文件如果覺(jué)得這樣會(huì)影響你的網(wǎng)頁(yè)打開(kāi)速度，你可以把html5的js文件直接下載下來(lái)讓后上傳到自己的服務(wù)器單獨(dú)調(diào)用。1.1HTML4+CSS2與HTML5+CSS3區(qū)別互聯(lián)網(wǎng)發(fā)展越來(lái)越快，有些東西總會(huì)要被取代，HTML4+CSS2將漸漸退出舞臺(tái)，而HTML5+CSS3將取而代之，HTML5規(guī)范是2004年新成立的WHATWG工作組創(chuàng)立的；2006年W3C加入HTML，并于2008年發(fā)布了HTML5工作草案，2009年，XHTML2工作組停運(yùn)；2

7、010年HTML5開(kāi)始解決實(shí)際問(wèn)題，漸漸的各大瀏覽器廠家開(kāi)始升自己的產(chǎn)品以支持HTML5+CSS3，HTML5得到了持續(xù)的完善，2012年HTML5完成規(guī)范編寫(xiě)工作。HTML5以HTML4為基礎(chǔ)，對(duì)HTML4進(jìn)行了大量的修改。學(xué)習(xí)HTML5則需要掌握HTML5與HTML4在基本語(yǔ)法上有什么區(qū)別；了解在HTML5中新增了哪些元素和屬性，刪除了哪些HTML4中的元素和屬性，為什么要?jiǎng)h除這些元素，用什么元素或方法來(lái)取代這些被刪除的元素和屬性；還需要掌握什么是全局屬性；2HTML5語(yǔ)法的改變HTML5的一個(gè)很大的目標(biāo)就是提高瀏覽器之間的兼容性，需