眾所周知，HTML是互聯(lián)網(wǎng)有史以來最偉大的發(fā)明。這種超文本標記語言實際上是現(xiàn)代互聯(lián)網(wǎng)發(fā)展的一個基石，以它為中心出現(xiàn)了一個獨特的自給自足的體系。

　　當開發(fā)HTML5時，它的設(shè)計者們正面對著一些很重要的問題，希望能在HTML5里解決。其中的一個問題是，要創(chuàng)建一個真正簡潔明了而且易于擴展的語義。 目前這個問題中棘手的部分是老版本的HTML當時是以功能多樣的理念為目標設(shè) –大量的各種各樣的標記，當時認為都是一些基本的標記，但如今證明完全是沒有什么用途的。HTML5的目的就是要根據(jù)目前互聯(lián)網(wǎng)的狀況對其進行改進。

HTML5 的新標記

　　設(shè)計者們需要完成的任務(wù)是要給HTML5開發(fā)一個更豐富的和更有含義的語義 – 當然可以想象這種新方案將會是很靈活和很高效的，同時與所有的現(xiàn)代互聯(lián)網(wǎng)標準相適應(yīng)。下面就是一些將要在HTML5里新加入的標記.

• <article> 標記 定義一篇文章
• <aside> 標記 定義頁面內(nèi)容部分的側(cè)邊欄
• <audio> 標記 定義音頻內(nèi)容
• <canvas> 標記 定義圖片
• <command> 標記 定義一個命令按鈕
• <datalist> 標記 定義一個下拉列表
• <details> 標記 定義一個元素的詳細內(nèi)容
• <dialog> 標記 定義一個對話框(會話框)
• <embed> 標記 定義外部的可交互的內(nèi)容或插件
• <figure> 標記 定義一組媒體內(nèi)容以及它們的標題
• <footer> 標記 定義一個頁面或一個區(qū)域的底部
• <header> 標記 定義一個頁面或一個區(qū)域的頭部
• <hgroup> 標記 定義文件中一個區(qū)塊的相關(guān)信息
• <keygen> 標記 定義表單里一個生成的鍵值
• <mark> 標記 定義有標記的文本
• <meter> 標記 定義 measurement within a
  predefined range
• <nav> 標記 定義導(dǎo)航鏈接
• <output> 標記 定義一些輸出類型
• <progress> 標記 定義任務(wù)的過程
• <rp> 標記是用在Ruby annotations 告訴那些不支持 Ruby 元素的瀏覽器如何去顯示
• <rt> 標記 定義對ruby
  annotations的解釋
• <ruby> 標記 定義 ruby annotations.
• <section> 標記 定義一個區(qū)域
• <source> 標記 定義媒體資源
• <time> 標記 定義一個日期/時間
• <video> 標記 定義一個視頻

　　希望所有的這些標記都能成為真正”有生命力“的和有用的標記，而不是只是今天看來是很酷的標記。

HTML5 的減負 – 舊的標記，永別了…

　　你是否很記得那個古老的年代，HTML3被當成一種只能在NETscape里運行的神奇的東西？是的，那就是互聯(lián)網(wǎng)時代的黎明初現(xiàn)。我們當然不會忘記那段歷史，但向一些優(yōu)秀的卻陳舊的東西說再見也是合乎情理的（特別是當它們目前不被認為那么好用，或已沒有人再注意它們的時候時）。

　　因此，HTML5的設(shè)計者們廢除了一些老的標記，因為這些標準只有那些HTML怪才才會使用，也因為這些標記已經(jīng)完全失去用處，新的HTML標記里將不會再包括它們 – 我想我們應(yīng)該就此感謝這些設(shè)計者們。畢竟是這些標記實在是太老舊了，以至于可以想象，20年后我們的孩子們會認為只有莎士比亞在他的十四行詩里才會用到。不管怎樣，還是讓我們到互聯(lián)網(wǎng)博物館里再看它們一眼吧（真有這樣的博物館嗎？）。

• <acronym> 標記 定義 an acronym.
• <applet> 標記 定義 an embedded applet.
• <basefont> tag specifies a default
  font-color, font-size, or font-family for all the text in a document.
• <big> tag is used to format the text one
  size bigger, and can be in relation to your <font> or
  <basefont> size, if you’ve specified either one.
• <center> tag is used to center text.
• <dir> tag is used to list directory titles.
• <font> tag specifies the font face, font
  size, and font color of text.
• <frame> 標記 定義 one particular window
  (frame) within a frameset.
• <frameset> 標記 定義 a frameset. The
  frameset element holds two or more frame elements. Each frame element
  holds a separate document.
• <s> and <strike> tags
  define strikethrough text.
• <tt> tag is used for “typetype” text, or
  fixed-width typewriter-type font. Other than the different type style,
  it has normal font characteristics
• <u> tag is used to underline text.

　　這些標記基本上都沒有什么用處了（也許你會覺得有幾個標記和HTML5里的新標記有些相似）。其中一些我們在早期的舊版的瀏覽器里使用過，但如今已經(jīng)失去其作用，而另一些標記的功能已經(jīng)被CSS功能所取代了（例如設(shè)置字體和文本樣式的標記）。

關(guān)于 <DIV> 標記的重要問題

　　使用新標記替換掉 <div> 標記是HTML5在語義方面的主要成就。這 <div> 標記是HTML4里是一個重要的（現(xiàn)在仍是）的標記，在HTML里被廣泛使用，但是它所表達的語義太弱，在聲明網(wǎng)頁組織結(jié)構(gòu)里不同的區(qū)塊的任務(wù)面前它毫無用武之地。新的HTML5標記 – 例如 <article>, <aside>, <nav>, <figure>, <header>, <footer> – 會更有用和更方便，這些標記能夠讓你指明網(wǎng)頁不同區(qū)域的用途，清楚的顯示網(wǎng)站的結(jié)構(gòu)。這意味著即使你是個新手或中等的程序員，僅依據(jù)HTML代碼就能清楚的了解整個頁面的結(jié)構(gòu) – 更值得一提的是搜索引擎將會因為能如此方便的解析頁面的結(jié)構(gòu)而會高興的發(fā)狂的。

對我們有什么好處？

　　關(guān)于新標記和語義的價值的討論已經(jīng)很多，有些人認為這些語義以及可視化表現(xiàn)方式?jīng)]有任何意義 –因為它們帶來的是更復(fù)雜的代碼，創(chuàng)造了使用這些新HTML代碼犯新錯誤的機會，HTML5新語義的價值在于提升了網(wǎng)站用戶和這些技術(shù)之間的交互和協(xié)作的水平，這是使互聯(lián)網(wǎng)前進的原因。

　　同樣的道理 – 我們應(yīng)該明白，就像HTML5給我們的感覺是那樣酷一樣，人們在其上付出了很多的努力，對未來5年互聯(lián)網(wǎng)的發(fā)展寄予厚望。今天，這些新標記和語義看起來的確是很棒，我們都很喜歡，但別忘了，任何東西都是在不斷變化著來適應(yīng)人們的需求，新的語言特征必須依賴于人們的使用，互聯(lián)網(wǎng)社區(qū)的大量使用 – 只有這樣才能使單純的新事物變成有用的新事物。

it知識庫：HTML5 – 新舊語法簡介，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。