html基础入门教程之article语义化标记

article

-- 解释 
article标签装载显示一个独立的文章内容。例如一篇完整的论坛帖子,一则网站新闻,一篇博客文章等等,一个用户评论等等 artilce可以嵌套,则内层的artilce对外层的article标签有隶属的关系。例如,一个博客文章,可以用article显示,然后一 些评论可以以article的形式嵌入其中。

-- 示列 
<article>
<h1>文章标题</h1>
这是一篇文章
   <article>评论1...</article>
    <article>评论2...</article>
</article>

section

-- 解释 
section 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

-- 示列 
<body>
<section>
   <h1>章节一</h1>
    <p>详细内容...</p>
</section>
<section>
   <h1>章节二</h1>
    <p>详细内容...</p>
</section>
</body>

aside

-- 解释 
aside 用来装载非正文类的内容。例如广告,成组的链接,侧边栏等等。

-- 示列 
<body>
<aside>
热门文章
</aside>
<aside>
广告
</aside>
<article>
<h1>文章标题</h1>
这是一篇文章
   <article>评论1...</article>
    <article>评论2...</article>
</article>
</body>

新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

发布了69 篇原创文章 · 获赞 33 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/webxuexi168/article/details/104365117
今日推荐