在html中article是什么意思

在html中article是什么意思,第1张

<article>标签定义外部的内容

外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

1、div表示一个布局容器,本身没有任何语义,用作布局以及样式化或脚本的钩子(hook)。

<div>this is a div </div>

2、section 表示一段专题性的内容,一般会带有标题。

section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一个网站的主页可以分成简介、新闻和联系信息等几部分。其实我对这里传达信息很感兴趣,因为感觉 section 和下面要介绍的 artilce 更加适用于模块化应用,这个话题以后会出篇专门的文章来讨论,这里暂时略过。

<section>

<h1>Granny Smith</h1>

<p>These juicy, green apples make a great filling for apple pies.</p>

</section>

3、article 是一个特殊的 section 标签,它比 section 具有更明确的语义, 它代表一个独立的、完整的相关内容块。

一般来说, article 会有标题部分(通常包含在 header 内),有时也会 包含 footer 。虽然 section 也是带有主题性的一块内容,但是无论从结构上还是内容上来说,article 本身就是独立的、完整的。

<article>

<header>

<h1>The Very First Rule of Life</h1>

<p><time pubdate datetime="2009-10-09T14:28-08:00"></time></p>

</header>

<p>If there's a microphone anywhere near you, assume it's hot and sending whatever you're saying to the world. Seriously.</p><p>...</p>

<footer>

<a href="?comments=1">Show comments...</a>

</footer>

</article>

当元素内容聚合起来更加言之有物时,应该使用 article 来替换 section 。

在html中,<article>标签是html5新增标签,是使用来定义独立于文档且有意义的来自外部的内容,比如:一些投稿文章、新闻记者的文章,或者是摘自其它博客、论坛的信息等。

<article>标签中的内容是独立的、完整的、摘自外部的内容。它可以是博客文章、新闻文章、论坛帖子、网友评论等独立的内容。<article>标签中的内容通常有它自己的标题,甚至有时候还有自己的脚注。它可以嵌套使用,但是一般需要外部内容和内部内容有关系。比如:一篇博客文章,它的评论就可以使用嵌套的形式,将评论内容嵌套在整体内容中。

如下图很多文章需要登录后才能复制

我们 按F12查看其html结构,发现这类的文章一般都写在<article>标签中

那么我们尝试把<article>改为<div>标签,这样就可以直接复制文章内容了。

很粗浅的了解,希望能帮到大家!


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/8351710.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-15
下一篇2023-04-15

发表评论

登录后才能评论

评论列表(0条)

    保存