html5新增的结构元素

时间:2021-05-02 20:23:45
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!--新增的主体结构元素:article:一段独立的完整的内容-->
<article>
<header>
<h1>苹果</h1>
<p>发表日期:<time pubdate="pubdate">2016/02/12</time></p>
</header>
<p><b>苹果</b>,植物类水果,多次花果...(文章正文)</p>
<footer>
<p><small>著作版权***公司所有.</small></p>
</footer>
</article>
<hr />
<!--section元素:对页面上的内容进行分块-->
<article>
<header>
<h1>苹果</h1>
<p>发表日期:<time pubdate="pubdate">2016/02/12</time></p>
</header>
<p><b>苹果</b>,植物类水果,多次花果...</p>
<section>
<h2>红富士</h2>
<p>红富士是从普通富士的芽中选育出的...</p>
</section>
<section>
<h2>国光</h2>
<p>国光苹果品,又名小国光,原产美国....</p>
</section>
</article>
<hr/>
</body>
</html>