用HTML5制作網頁 - HTML5實例教程

根據你們詢問的人，HTML 5不是邁向創造更語義化的網絡的下一 個重要步伐，就是用一系列不完整的標簽和標記大雜燴讓網絡陷入困境的災難。

爭論雙方的問題在于，很少的站點在自然環境下使用HTML 5，所以現在所認識到的問題的理論解決方案仍然在很大程度上未經考驗。

即便如此，我們不難發現下一代網絡標記工具的好處和潛在的問題。

內容

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

HTML 5有什么不同？

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

“但是等等”你說，“大多數瀏覽器也都不支持新的結構元素！”這是真的，但他們中的絕大多數將 會很樂意去接受你想要創建的任何標簽。甚至連IE6也可以處理新標簽，盡管如果你想要使用CSS設置樣式，你需要一點JavaScript的幫助。

當你對新標簽設置樣式時，你需要記住一件事，那就是未知標簽在大部分瀏覽器中沒有默認樣式。他 們同時被認為是行級元素。盡管如此，由于大部分HTML 5的新標簽可以構造，我們將讓他們擁有塊級元素的行為。解決方法是確認你在CSS樣式中包含了display:block;。

為了幫助了解當今HTML 5的一些新玩意兒，我們現在就進入正題，開始使用一些新的結構元素。

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

我們創建HTML 5文檔第一件需要做的事情就是使用新的文檔類型?，F在，如果你還清楚的記得HTML 4或者XHTML 1.x的文檔類型，你真是一個比我們更強的淘氣鬼。每當我們新建一個頁面，我們必須打開一個舊的文件，剪切并粘貼文檔類型定義。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈