和html一樣html5主要也是學標籤、屬性和用法。下面的例子展示article和section標籤的使用
把代碼運行下就知道了
<!DOCTYPE html>
<meta charset="utf-8">
<title>html5的結構標籤</title>
html5爲了使結構更清晰明確增加了結構標籤,下面介紹article和section標籤<br>
<article>
<header>
<h1>article標籤簡介</h1>
<p>發表日期: <time pubdate datetime="2013/10/9">2013/10/09</time>
</p>
</header>
<p><b>article標籤</b>代表文檔、頁面或者程序中可以獨立被外部引用的內容,
比如網頁中的文章、帖子或者獨立的插件等</p>
<section>
<h2>評論</h2>
<article>
<header>
<h3>發表者:沒錢吃飯...</h3>
<p>
<time pubdate datetime="2100-10-10T18:10-08:00">2小時前
</time></p>
</header>
<p>樓主V5啊 article和section可以互相嵌套</p>
</article>
<article>
<header>
<h3>發表者:XXOO</h3>
<p>
<time pubdate datetime="2100-10-10T18:10-08:00">1小時前
</time></p>
</header>
<p>這除了更清晰點和以前的div沒看出什麼優勢啊</p>
</article>
</section>
</article>
<article>
<header>
<h1>section標籤簡介</h1>
<p>發表日期: <time pubdate datetime="2013/10/9">2013/10/09</time>
</p>
</header>
<p><b>section標籤</b>對頁面上的內容進行分塊,一個section元素通常由內容
和標題組成,但它並不是一個普通的容器元素,當一個元素需要被直接定義樣式或者腳本
行爲時,建議使用div而不是section</p>
<section>
<h2>評論</h2>
<article>
<header>
<h3>發表者:沒錢吃飯...</h3>
<p>
<time pubdate datetime="2100-10-10T18:10-08:00">2小時前
</time></p>
</header>
<p>樓主V5啊 article和section可以互相嵌套</p>
</article>
<article>
<header>
<h3>發表者:XXOO</h3>
<p>
<time pubdate datetime="2100-10-10T18:10-08:00">1小時前
</time></p>
</header>
<p>爲什麼要帶標題呢?</p>
</article>
</section>
</article>
<!--插件,讓內容看起來想嵌入頁面一樣-->
<object>
<param name="allowFullScreen" value="true">
<embed src="#" width="600" height="300"></embed>
</object>