用HTML5制作網(wǎng)頁(yè) - HTML5實(shí)例教程

根據(jù)你們?cè)儐?wèn)的人，HTML 5不是邁向創(chuàng)造更語(yǔ)義化的網(wǎng)絡(luò)的下一 個(gè)重要步伐，就是用一系列不完整的標(biāo)簽和標(biāo)記大雜燴讓網(wǎng)絡(luò)陷入困境的災(zāi)難。

爭(zhēng)論雙方的問(wèn)題在于，很少的站點(diǎn)在自然環(huán)境下使用HTML 5，所以現(xiàn)在所認(rèn)識(shí)到的問(wèn)題的理論解決方案仍然在很大程度上未經(jīng)考驗(yàn)。

即便如此，我們不難發(fā)現(xiàn)下一代網(wǎng)絡(luò)標(biāo)記工具的好處和潛在的問(wèn)題。

內(nèi)容

1.  HTML 5有什么不同？
2. 最終，一個(gè)任何人都可以記住的文檔類型
3. 最基本的語(yǔ)義結(jié)構(gòu)
   • <header>
   • <nav>
   • <section>
     • <article>
     • <aside>
     • <footer>
   • 把他們放在一起
   • 為新元素編寫(xiě)樣式
   • 兼容老的瀏覽器
   • 現(xiàn)在你可以使用HTML 5了，但你會(huì)用么？

HTML 5有什么不同？

首先，我們通過(guò)HTML 5表達(dá)什么？First off, what do we mean by HTML 5?理論上，我們表達(dá)所有的事——新的語(yǔ)義結(jié)構(gòu)標(biāo)簽，例如canvas或者離線儲(chǔ)存等API規(guī)范，以及新的內(nèi)聯(lián)語(yǔ)義標(biāo)簽。盡管如此，我們把實(shí)際的原因 （PS：瀏覽器支持問(wèn)題）僅僅局限于結(jié)構(gòu)標(biāo)簽。canvas，離線儲(chǔ)存，本地視頻或者地理定位API都很絕妙，然而他們還不能被所有瀏覽器一致的支持。

“但是等等”你說(shuō)，“大多數(shù)瀏覽器也都不支持新的結(jié)構(gòu)元素！”這是真的，但他們中的絕大多數(shù)將 會(huì)很樂(lè)意去接受你想要?jiǎng)?chuàng)建的任何標(biāo)簽。甚至連IE6也可以處理新標(biāo)簽，盡管如果你想要使用CSS設(shè)置樣式，你需要一點(diǎn)JavaScript的幫助。

當(dāng)你對(duì)新標(biāo)簽設(shè)置樣式時(shí)，你需要記住一件事，那就是未知標(biāo)簽在大部分瀏覽器中沒(méi)有默認(rèn)樣式。他 們同時(shí)被認(rèn)為是行級(jí)元素。盡管如此，由于大部分HTML 5的新標(biāo)簽可以構(gòu)造，我們將讓他們擁有塊級(jí)元素的行為。解決方法是確認(rèn)你在CSS樣式中包含了display:block;。

為了幫助了解當(dāng)今HTML 5的一些新玩意兒，我們現(xiàn)在就進(jìn)入正題，開(kāi)始使用一些新的結(jié)構(gòu)元素。

最終，一個(gè)任何人都可以記住的文檔類型

我們創(chuàng)建HTML 5文檔第一件需要做的事情就是使用新的文檔類型。現(xiàn)在，如果你還清楚的記得HTML 4或者XHTML 1.x的文檔類型，你真是一個(gè)比我們更強(qiáng)的淘氣鬼。每當(dāng)我們新建一個(gè)頁(yè)面，我們必須打開(kāi)一個(gè)舊的文件，剪切并粘貼文檔類型定義。

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)