文章HTML标签有什么作用？

Question

嘿，我是Web开发的初学者，正在阅读有关语义HTML的文章。我已经阅读过semrush.com上有关该主题的文章，该文章建议按文章标签在网页上包装各个部分。然后用main标签包裹文章，问题是我们应该这样做还是只用主要去除文章包裹部分。

Answer 1

文章HTML标签有什么作用？

该元素标识一条独立的内容，理论上可以作为独立单元分发到其他网站和平台。该元素是包含整个博客文章，新闻文章和类似内容的不错选择。

了解更多：https://html.com/tags/article/#ixzz5inJaVxrn

这通常在两种情况下使用：

在具有单个内容，单个元素的页面上可用于包含主要内容并将其与其余内容分开页面。在具有多个内容的页面上（博客索引页，搜索结果页，类别页，新闻提要），多个元素可用于包含每个单独的内容。无论哪种方式，这在功能上都类似于使用元素，并且显示和样式相同。但是，使用元素而不是提供更多语义屏幕阅读器，搜索引擎和第三方的信息应用程序。

了解更多：https://html.com/tags/article/#ixzz5inJRPfTN

   <!-- Blog Index Page - Multiple Article Elements --> 
<body> 
    <header> 
        <h1>Title of Site</h1> 
    </header> 
    <main> 
        <article> 
            <header> 
                <h2>Title of Blog Post</h2> 
            </header> 
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="">Read More.</a></p> 
        </article> 
        <article> 
            <header> 
                <h2>Title of Blog Post</h2>
            </header>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="">Read More.</a></p> 
        </article> 
        <article> 
            <header> 
                <h2>Title of Blog Post</h2>
            </header>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="">Read More.</a></p> 
        </article> 
    </main> 
</body>

Answer 2

嘿，这取决于您在做什么。特别是对于SEO，您使用的标记类型告诉Google和其他浏览器您的内容是什么。

例如，如果您正在写博客，那么我会将每个帖子包装在文章标签中。但是，如果只是带有文字的网页（不一定是文章），则可以使用https://www.w3schools.com/Tags/tag_section.asp所示的section标签。

应该将各节包裹在商品标签的周围吗？

2 个答案:

文章HTML标签有什么作用？