|
根據(jù)你們詢問的人，HTML 5不是邁向創(chuàng)造更語義化的網(wǎng)絡的下一 個重要步伐，就是用一系列不完整的標簽和標記大雜燴讓網(wǎng)絡陷入困境的災難。
爭論雙方的問題在于，很少的站點在自然環(huán)境下使用HTML 5，所以現(xiàn)在所認識到的問題的理論解決方案仍然在很大程度上未經(jīng)考驗。
即便如此，我們不難發(fā)現(xiàn)下一代網(wǎng)絡標記工具的好處和潛在的問題。
內(nèi)容
- HTML 5有什么不同？
- 最終，一個任何人都可以記住的文檔類型
- 最基本的語義結構
- <header>
- <nav>
- <section>
- <article>
- <aside>
- <footer>
- 把他們放在一起
- 為新元素編寫樣式
- 兼容老的瀏覽器
- 現(xiàn)在你可以使用HTML 5了，但你會用么？
HTML 5有什么不同？
首先，我們通過HTML 5表達什么？First off, what do we mean by HTML 5?理論上，我們表達所有的事——新的語義結構標簽，例如canvas或者離線儲存等API規(guī)范，以及新的內(nèi)聯(lián)語義標簽。盡管如此，我們把實際的原因 （PS：瀏覽器支持問題）僅僅局限于結構標簽。canvas，離線儲存，本地視頻或者地理定位API都很絕妙，然而他們還不能被所有瀏覽器一致的支持。
“但是等等”你說，“大多數(shù)瀏覽器也都不支持新的結構元素！”這是真的，但他們中的絕大多數(shù)將 會很樂意去接受你想要創(chuàng)建的任何標簽。甚至連IE6也可以處理新標簽，盡管如果你想要使用CSS設置樣式，你需要一點JavaScript的幫助。
當你對新標簽設置樣式時，你需要記住一件事，那就是未知標簽在大部分瀏覽器中沒有默認樣式。他 們同時被認為是行級元素。盡管如此，由于大部分HTML 5的新標簽可以構造，我們將讓他們擁有塊級元素的行為。解決方法是確認你在CSS樣式中包含了display:block;。
為了幫助了解當今HTML 5的一些新玩意兒，我們現(xiàn)在就進入正題，開始使用一些新的結構元素。
最終，一個任何人都可以記住的文檔類型
我們創(chuàng)建HTML 5文檔第一件需要做的事情就是使用新的文檔類型�，F(xiàn)在，如果你還清楚的記得HTML 4或者XHTML 1.x的文檔類型，你真是一個比我們更強的淘氣鬼。每當我們新建一個頁面，我們必須打開一個舊的文件，剪切并粘貼文檔類型定義。
出處：草根網(wǎng)
責任編輯：bluehearts
上一頁 下一頁 使用HTML5制作網(wǎng)頁 [2]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 使用HTML5制作網(wǎng)頁 [1]
第 2 頁 
