主頁 > 知識(shí)庫 > HTML 5 預(yù)覽

HTML 5 預(yù)覽

熱門標(biāo)簽:荊州銷售電銷機(jī)器人 400開頭電話在哪辦理 電話外呼系統(tǒng)怎么找準(zhǔn)客戶 可以集成到系統(tǒng)的外呼 西安公司外呼系統(tǒng)價(jià)格 外呼系統(tǒng)隱私 電腦外呼系統(tǒng)安裝 揚(yáng)州市地圖標(biāo)注 中國世界文化遺產(chǎn)地圖標(biāo)注

原文:http://www.alistapart.com/articles/previewofhtml5
作者:Lachlan Hunt
譯者:zhaozy in 3user.com
概要
網(wǎng)絡(luò)是不斷的進(jìn)化的. 新的和有創(chuàng)意的網(wǎng)站每天都在出現(xiàn), 從各方面都在沖擊著HTML的邊界. HTML 4來到我們身邊已經(jīng)差不多有10年了, 發(fā)行者們不斷的尋求提供更強(qiáng)大的功能的新技術(shù), 但是常會(huì)因?yàn)闃?biāo)記語言和瀏覽器的約束而路途坎坷.
為了給作者們提供更靈活, 更具互操作性, 能有更多交互性并令人振奮的網(wǎng)站和應(yīng)用程序, HTML 5 引入并加強(qiáng)了一系列功能, 包括表單控制, 應(yīng)用程序接口(APIs), 多媒體, 結(jié)構(gòu)化和語義化.
HTML 5的工作, 開始于2004年, 在 W3C HTML WG 和 WHATWG 的共同努力下現(xiàn)在正在全面貫徹落實(shí). 很多關(guān)鍵角色參與了W3C的努力, 最具代表性的是4大瀏覽器廠商: Apple, Mozilla, Opera, Microsoft; 還有一系列的有著不同利益和專業(yè)技術(shù)的其他機(jī)構(gòu)以及個(gè)人.
編寫詳細(xì)規(guī)范的工作還在進(jìn)行中, 離完成還有很長的路要走. 同樣的, 在這篇文章中討論的功能不排除在未來有所改動(dòng)的可能. 這篇文章只是以大綱的形式介紹一些在當(dāng)前的草案中的主要的特性.
結(jié)構(gòu)
HTML 5 引入了一整套全新的元素來讓構(gòu)建頁面變得更加簡單. 大多數(shù)基于HTML 4的頁面的包含多種常用結(jié)構(gòu), 比如說頁首(header), 頁腳(footer)和縱列(column). 現(xiàn)階段我們通常會(huì)用div元素標(biāo)記這些區(qū)塊, 然后為它們定義一個(gè)描述性的id或是class.

圖表說明一個(gè)典型的用div元素帶上id和class屬性標(biāo)記的2欄布局. 其中包括頁首(header)和頁腳(footer), 在頁首下面是一個(gè)水平導(dǎo)航條, 主體內(nèi)容又包含了文章(article)和它右邊的側(cè)邊欄(sidebar).
大量的使用div元素是因?yàn)槟壳暗?u>HTML 4版本缺少更明確的語義描述這些區(qū)塊所致. HTML 5 為了表現(xiàn)這些不同的區(qū)塊而引入了新的元素.

那些div元素可以被新的元素代替了: header, nav, section, article, aside以及footer.
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>

用這些新元素會(huì)有一些優(yōu)勢(相對(duì)于HTML 4). 當(dāng)和標(biāo)題元素(h1 - h6)一同使用時(shí), 可以標(biāo)記出嵌套的章節(jié)標(biāo)題層次, 超越之前版本的HTML僅有的六個(gè)層次. 規(guī)范中包含了一份生成大綱的詳細(xì)算法. 把結(jié)構(gòu)化這些內(nèi)容納入考慮范圍, 并仍舊向后兼容先前的版本. 這樣可以在編輯工具以及瀏覽器中生成目錄來幫助用戶來瀏覽這個(gè)文檔.
舉例說明, 下面的標(biāo)記結(jié)構(gòu)使用了嵌套的章節(jié)和h1元素構(gòu)成:
<section>
<h1>Level 1</h1>
<section>
<h1>Level 2</h1>
<section>
<h1>Level 3</h1>
</section>
</section>
</section>

這里要注意, 為了更好的兼容現(xiàn)在的瀏覽器, 它也能在適當(dāng)?shù)奈恢美闷渌臉?biāo)題元素(h2 - h6)來代替h1元素.
通過辨別頁面中的章節(jié)使用特殊章節(jié)元素的確切目的, 輔助的技術(shù)能幫助用戶更容易的瀏覽這個(gè)頁面. 舉例, 他們能不費(fèi)力的略過導(dǎo)航區(qū)塊或者能快速的從一篇文章直接跳到下一篇而不需要作者提供跳轉(zhuǎn)鏈接. 對(duì)于創(chuàng)作者來說, 在文檔中去掉多余的div, 而用一些更明顯的元素代替它們, 會(huì)讓源代碼更清楚而且更容易書寫.
上一頁12 3 4 下一頁 閱讀全文

標(biāo)簽:阿拉善盟 四川 錫林郭勒盟 貴陽 白銀 延安 樂山 濟(jì)南

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML 5 預(yù)覽》,本文關(guān)鍵詞  HTML,預(yù)覽,HTML,預(yù)覽,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML 5 預(yù)覽》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML 5 預(yù)覽的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章