html5編碼新元素的介紹
作者：佚名 時間：2014-06-01 分享到：
一系列新的語義元素是html5的主要新功能之一.當用標題,列表和段落來標記科學文檔時,語義元素能從詞根擴展.大多數擴展后的新元素能為頁面提供更好的結構;還能為開發人員提供更多的選項來標記各領域內容,而非僅限于使用琮有一個相關聯id或類的div.
舉個例子,在過去,開發人員可能會使用:
<div class="article">...</div>
有了html5,開發人員可以選擇使用:
<article>...</article>
萬維網聰明的html5規范列出10個結構元素,其中,3個已經在html4中存在:body,h1-h6,address.其中的7個新元素中,4個是所謂的分節內容元素.我會在下文闡明什么是分節內容(sectioning content)元素,但首先我要介紹一下這7個元素.
article:文檔或網站的一個獨立部分,如論壇帖子,博客條目或用戶提交的評論;
aside:頁面的一個區域,它和周圍的內容關系不大.它可以被視為單獨的一部分,像一篇雜志文章的側邊欄.
nav:文檔中的導航區域,這個區域包含其他文檔或同一文檔其他領域的鏈接
section:內容的一個專題組合,例如書中的一個章節,標簽對話框中的一個頁面,或者網站主頁上的介紹
其他三個用來定義分節內容中區域的結構元素:
footer:文檔或文件區域的頁腳,通常包含其所在section的有關元數據,例如作者的詳細信息;
header:可能是文檔的標題,但也可能是文檔中一個區域的頭部,通常含有標題元素來標記標題;
hgroup:用于一組多層次標題元素的分組,如副標題或標語.
html5還有一些不影響頁面基本結構的其他新元素,希望大家多關注我們聯楷網絡科技網站,后面我們也會介紹給大家.
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/help/20151126/n1799.html
