本節書摘來自華章出版社《html 5與css 3 權威指南(第3版·上冊)》一 書中的第2章,第2.2節,作者:陸淩牛,更多章節内容可以通路雲栖社群“華章計算機”公衆号檢視。
本節将詳細介紹html 5中新增和廢除了哪些
元素。
在html 5中,新增以下與結構相關的元素。
(1)section元素
section元素表示頁面中的一個内容區塊,比如章節、頁眉、頁腳或頁面中的其他部分。它可以與h1、h2、h3、h4、h5、h6等元素結合使用,标示文檔結構。
html 5中的代碼示例:
…
<code>`</code>
(2)article元素?
article元素表示頁面中的一塊與上下文不相關的獨立内容,譬如部落格中的一篇文章或報紙中的一篇文章。
(3)aside元素
aside元素表示article元素的内容之外的、與article元素的内容相關的輔助資訊。
(4)header元素?
header元素表示頁面中一個内容區塊或整個頁面的标題。
(5)footer元素
footer元素表示整個頁面或頁面中一個内容區塊的腳注。一般來說,它會包含創作者的姓名、創作日期以及創作者聯系資訊。
(6)nav元素
nav元素表示頁面中導航連結的部分。
(7)f?igure元素
f?igure元素表示一段獨立的流内容,一般表示文檔主體流内容中的一個獨立單元。使用 f?igcaption元素為f?igure元素組添加标題。
the people's republic of china was born in 1949...
(8)main元素
main元素表示網頁中的主要内容。主内容區域意指與網頁标題或應用程式中本頁面主要功能直接相關或進行擴充的内容。
除了結構元素外,在html 5中,還新增以下元素。
(1)video元素
video元素用于定義視訊,比如電影片段或其他視訊流。
(2)audio元素
audio元素用于定義音頻,比如音樂或其他音頻流。
(3)embed元素
embed元素用來插入各種多媒體,格式可以是 midi、wav、aiff、au、mp3等。
html 4中的代碼示例:
這是html 5中的新增功能,故無法用html 4代碼來實作。
(6)meter元素
meter元素表示度量衡,僅用于已知最大值和最小值的度量。必須定義度量的範圍,既可以在元素的文本中,也可以在 min/max 屬性中定義。
漢 (ㄏㄢˋ)<code>`</code>
這也是html 5中的新增功能。
(9)rt元素
rt元素表示字元(中文注音或字元)的解釋或發音。
這是html 5中的新增功能。
(11)wbr元素
wbr元素表示軟換行。wbr元素與br元素的差別是:br元素是此處必須換行,而wbr元素意思就是浏覽器視窗或父級元素的寬度足夠寬時(沒必要換行時),不進行換行,而當寬度不夠時,主動在此處進行換行。wbr元素好像對字元型的語言用處比較大,但是對于中文,貌似沒多大用處。
(14)details元素
details元素表示使用者要求得到并且可以得到的細節資訊。它可以與summary元素配合使用。summary元素提供标題或圖例。标題是可見的,使用者點選标題時,會顯示細節資訊。summary元素應該是details元素的第一個子元素。
(16)datagrid元素
datagrid元素表示可選資料的清單,它以樹形清單的形式顯示。
(18)output元素
output元素表示不同類型的輸出,比如腳本的輸出。
(19)source元素
source元素為媒介元素(比如
<video></video>
(20)menu元素
menu元素表示菜單清單。當希望列出表單控件時使用該标簽。
html 5中新增很多input元素的類型,現列舉如下:
email:email類型表示必須輸入e-mail位址的文本輸入框。
url:url類型表示必須輸入url位址的文本輸入框。
number:number類型表示必須輸入數值的文本輸入框。
range:range類型表示必須輸入一定範圍内數字值的文本輸入框。
date pickers:html 5擁有多個可供選取日期和時間的新型輸入文本框。
date:選取日、月、年。
month:選取月、年。
week:選取周和年。
time:選取時間(小時和分鐘)。
datetime:選取時間、日、月、年(utc時間)。
datetime-local:選取時間、日、月、年(本地時間)。
由于各種原因,在html 5中廢除了很多元素,簡單介紹如下。
1.?能使用css替代的元素
對于basefont、big、center、font、s、strike、tt、u等元素,由于它們的功能都是純粹為畫面展示服務的,而html 5中提倡把畫面展示性功能統一放在css樣式表中統一編輯,是以将這些元素廢除,使用編輯css、添加css樣式表的方式進行替代。其中font元素允許由“所見即所得”的編輯器進行插入,s元素、strike元素可以由del元素進行替代,tt元素可以由css的font-family屬性進行替代。
2.?不再使用frame架構
對于frameset元素、frame元素與noframes元素,由于frame架構對網頁可用性存在負面影響,在html 5中已不支援frame架構,隻支援iframe架構,或者由伺服器方建立的由多個頁面組成的複合頁面的形式,同時将這三個元素廢除。
3.?隻有部分浏覽器支援的元素
對于applet、bgsound、blink、marquee等元素,由于隻有部分浏覽器支援這些元素,特别是bgsound元素以及marquee元素,隻被internet explorer所支援,是以在html 5中被廢除。其中applet元素可由embed元素或object元素進行替代,bgsound元素可由audio元素進行替代,marquee可以由javascript程式設計的方式所替代。
4.?其他被廢除的元素
其他被廢除元素還有:
廢除rb元素,使用ruby元素替代。
廢除acronym元素,使用abbr元素替代。
廢除dir元素,使用ul元素替代。
廢除isindex元素,使用form元素與input元素相結合的方式替代。
廢除listing元素,使用pre元素替代。
廢除xmp元素,使用code元素替代。
廢除nextid元素,使用guids替代。
廢除plaintext元素,使用"text/plian"?mime類型替代。