<article> 和 <section> 标签与 <div> 有何不同？它们有什么影响吗？

Question

与常规 <div> 相比，<article> 和 <section> 标签在网站上是否重要？他们的目的是什么？

例如：

它们有什么额外的限制吗？例如。这是正确的页面结构吗？

<body>
    <h1>Title</h1>
    <h6>00/00/0000 - 00:00</h6>
    <figure>
        <img src="" alt="">
        <figcaption><b></b></figcaption>
        <hr>
    </figure>
    <div>
        <p></p>
        <img src="" alt="">
        <figcaption><b></b></figcaption>
        <hr>    
        <p></p>
        <p></p>
        <p></p>
        <div>
            <iframe></iframe>
        </div>
    </div>
</body>

它们会影响搜索引擎（当然是最著名的 atm）或页面上的任何其他内容吗？

目前，我不使用这些标签，我想知道它的重要性以及如何正确使用它们。

Answer 1

HTML5 标签，如 <article> 和 <section> 称为 semantic elements（或 语义标签 ）。他们的目的是为网站结构创建更好的标准化。

例如，<article> 标签最好包含某种文章，例如博客 post 或新闻文章。 <nav> 标签应包含页面的导航菜单。

使用这些标签而不是 <div> 标签不会改变页面的外观或布局，除非您的 browser/useragent 对它们应用不同的默认样式。

此外，语义标签可能影响页面的 search engine optimization。据我所知，还没有明确的证据表明 Google 或其他搜索引擎对待带有语义标签 differently/better 的页面比没有语义标签的页面要好。

<article> 和 <section> 标签与 <div> 有何不同？它们有什么影响吗？

How are <article> and <section> tags different from <div>? Do they affect anything?

html

semantic-markup