HTML5 新舊語法標記對我們有什麼好處

點評：眾所周知，HTML是互聯網有史以來最偉大的發明,HTML5的目的就是要根據目前互聯網的狀況對其進行改進

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

HTML5 的新標記

設計者們需要完成的任務是要給HTML5開發一個更豐富的和更有含義的語義– 當然可以想像這種新方案將會是很靈活和很高效的，同時與所有的現代互聯網標準相適應。下面就是一些將要在HTML5里新加入的標記.

<article> 標記定義一篇文章

<aside> 標記定義頁面內容部分的側邊欄

<audio> 標記定義音頻內容

<canvas> 標記定義圖片

<command> 標記定義一個命令按鈕

<datalist> 標記定義一個下拉列表

<details> 標記定義一個元素的詳細內容

<dialog> 標記定義一個對話框(會話框)

<embed> 標記定義外部的可交互的內容或插件

<figure> 標記定義一組媒體內容以及它們的標題

<footer> 標記定義一個頁面或一個區域的底部

<header> 標記定義一個頁面或一個區域的頭部

<hgroup> 標記定義文件中一個區塊的相關信息

<keygen> 標記定義表單裡一個生成的鍵值

<mark> 標記定義有標記的文本

<meter> 標記定義measurement within a

predefined range

<nav> 標記定義導航鏈接

<output> 標記定義一些輸出類型

<progress> 標記定義任務的過程

<rp> 標記是用在Ruby annotations 告訴那些不支持Ruby 元素的瀏覽器如何去顯示

<rt> 標記定義對ruby

annotations的解釋

<ruby> 標記定義ruby annotations.

<section> 標記定義一個區域

<source> 標記定義媒體資源

<time> 標記定義一個日期/時間

<video> 標記定義一個視頻

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

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

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

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

<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裡的新標記有些相似）。其中一些我們在早期的舊版的瀏覽器裡使用過，但如今已經失去其作用，而另一些標記的功能已經被CSS功能所取代了（例如設置字體和文本樣式的標記）。

關於<DIV> 標記的重要問題

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

對我們有什麼好處？

關於新標記和語義的價值的討論已經很多，有些人認為這些語義以及可視化表現方式沒有任何意義– 因為它們帶來的是更複雜的代碼，創造了使用這些新HTML代碼犯新錯誤的機會，HTML5新語義的價值在於提升了網站用戶和這些技術之間的交互和協作的水平，這是使互聯網前進的原因。

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