【網(wǎng)站建立的公司】
【案例5-1l使用<article>標(biāo)簽定義博客文章。
【案例展示】本例文件5-l.html在瀏覽器中的顯示效果如圖5-2所示。
【學(xué)習(xí)目標(biāo)】掌握使用<article>標(biāo)簽定義獨(dú)立內(nèi)容的方法。
【知識(shí)要點(diǎn)】掌握<article>標(biāo)簽的使用場合。
-J
圖5-2頁面的顯示效果
·63·
代碼如下:
<! doctype html>
<html>
<head>
<meta charset=”gb2312”>
<title> article標(biāo)簽示例</title>
</head>
<body>
<article>
<header>
<hl>美亞手機(jī)</hl>
<p>發(fā)布日期:2011/05/Ol</p>
</header>
<p><b>美亞手機(jī)</b>,美國制造……(文章正文)</p>
<footer>
<p>著作權(quán)歸+t+公司所有。</p>
</footer>
</article>
</body>
</html>