如何解讀HTML 5新語法

本篇文章給大家分享的是有關如何解讀HTML 5新語法，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

作為下一代Web開發標準，HTML 5到底能給開發者帶來什么？而作為HTML 5的設計者，他們又是如何根據目前互聯網的現狀對其進行改進，讓開發者使用起來更加的簡單明了。

HTML 5的新標記

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

◆<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> 標記 定義一個視頻

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

HTML 5 的減負

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

因此，HTML 5的設計者們廢除了一些老的標記，因為這些標準只有那些HTML怪才才會使用，也因為這些標記已經完全失去用處，新的HTML標記里將不會再包括它們 &ndash; 我想我們應該就此感謝這些設計者們。畢竟是這些標記實在是太老舊了，以至于可以想象，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&rsquo;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.

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

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

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

對我們有什么好處？

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

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

以上就是如何解讀HTML 5新語法，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。