HTML5标签学习之~~~

时间:2023-03-09 16:58:19
HTML5标签学习之~~~

<article> 标签

article 字面意思为“文章”。在web页面中表现为独立的内容,如一篇新闻,一篇评论,一段名言,一段联系方式。这其中包括两方面,一为整个页面的主旨内容,另外就是一些辅助内容。

<article>内容</acticle>

<section> 标签

section  字面上理解为“块”,“部分”。在html5网页中表现的意思跟字面理解差不多,即部分,块,模块,主要作用为对页面的内容进行分块或者对文章的内容进行分段。

实际案例雅虎的布局应用到了<section>

aaarticlea/png;base64,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" alt="" />


<aside> 标签

标签定义其所处内容之外的内容。
<p>内容</p>
<aside>
<h4>标题</h4>
内容
</aside>
<article> 标签的内容独立于文档的其余部分。