1.article元素(標簽) 用於定義一個獨立的內容區塊,比如一篇文章,一篇博客等。 article元素內可以嵌套其他元素,它可以有自己的頭、尾、主體等內容,是用時要特別註意內容的獨立性一般獨立完整的內容才使用article元素,如果只是一段內容的話應該是用section元素。 2.section ...
1.article元素(標簽)
用於定義一個獨立的內容區塊,比如一篇文章,一篇博客等。
article元素內可以嵌套其他元素,它可以有自己的頭、尾、主體等內容,是用時要特別註意內容的獨立性一般獨立完整的內容才使用article元素,如果只是一段內容的話應該是用section元素。
2.section元素
用於定義文章中的章節(通常應該有標題和段落內容)
用來定義文檔中特定的內容區塊,可視為一個區域分組元素,用來給頁面上的內容分塊。
section元素可以定義 文檔的主體內容
用一句話來概括它的作用就是給內容分段,給頁面分區
註意它與div的區別,div強調在形式上的獨立性,section強調的是內容上的獨立性,註意它的語義。
3.article元素和section元素的區別
語義不同
article元素更強調內容的獨立性
section元素更強調內容的關聯性
article元素是獨立完整的內容,section元素頁面內容分塊
相同點
本質上都是帶有語義的div塊元素
分別可以看做<div id="section">和<div id="article">
4.aside元素
aside元素通常用來設置側邊欄
用於定義article元素之外的內容,前提是這些內容與article元素內的內容相關
同時也可嵌套在article元素內部使用,作為主要內容的附屬信息,比如與內容有關的參考資料,名詞解釋等
5.nav元素
用來定義目錄、導航欄、超鏈接
並非所有的超鏈接都放在nav元素中,通常只把一個文檔中的主導航欄放在nav中
在文章頁面中,nav還可以用來給一個文字做一個目錄的超鏈接
6.time元素
微格式的概念
HTML5中的微格式,是一種利用HTML5中的新標簽對網頁添加附加信息的方法,附加信息例如新聞事件的發生的日期和時間,文章的發表日期等
HTML5中的微格式是為了簡化瀏覽器對數據的提取,方便搜索引擎的搜索
time元素
time是HTML5新增的元素
time元素代表24小時中的某個時刻或某個日期,表示時刻允許出現時差。它可以定義很多格式的日期和時間
datetime屬性代表中日期和時間之間要用“T”文字分隔,“T”表示時間,請註意倒數第二行,時間加上Z文字表示給機器編碼時使用UTC標準時間,表示向機器編碼另一地區時間,如果是編碼本地時間,則不需要添加時差。
pubdate屬性是個可選標簽,加上它搜索引擎/瀏覽器就可以很方便的識別出那個日期是文章、新聞的發表日期
7.time元素示例
<time datetime="2015-10-22">2015年10月12日</time>
<time datetime="2015-10-22T20:00">2015年10月12日晚上8點</time>
<time datetime="2015-10-22T20:00Z">2015年10月12日晚上8點</time>
<time datetime="2015-10-22T20:00+09:00">美國時間2015年10月12日8點</time>
8.hgroup元素
通常用來給標題分組,通常放在header中,但是並非強制要求,也不是絕對的
9.address元素
通常用來說明坐著的聯繫信息,例如名字、E-mail、電話、地址等
address元素中的內容會以斜體顯示
10.新佈局的優點
1.更註重於內容而不是形式
2.對人的友好:更加的語義化,高度的描述性,更加的直觀,增加了代碼的可讀性。
3.對電腦的友好:瀏覽器更容易解析,搜索引擎更容易抓取文檔的內容
4.代碼更加的簡潔
11.figure元素
figure/figcaptio都是HTML5中新增的元素
figure元素是一個媒體組合元素,也就是對其他的媒體元素進行組合,比如:圖像、圖標等等
12.figcaptio元素
用來給figure元素定義標題