<article>和<section>标记与<div>有何不同?它们会影响什么吗?

时间:2018-09-21 01:28:52

标签: html5 semantic-markup

与常规<article>相对,<section><div>标签在网站上是否重要?他们的目的是什么?

例如:

  • 它们是否还有其他限制?例如。这是正确的页面结构吗?

    <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)还是页面上的其他内容?

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

1 个答案:

答案 0 :(得分:1)

<article><section>这样的

HTML5标签称为semantic elements(或语义标签)。他们的目的是为网站结构创建更好的标准化。

例如,<article>标记在理想情况下应包含某种文章,例如博客文章或新闻文章。 <nav>标签应包含页面的导航菜单。

使用这些标签代替<div>标签不会改变页面的外观或布局,除非您的浏览器/用户代理对其应用了不同的默认样式。

此外,语义标签可能影响页面的search engine optimization。据我所知,尚无确切证据表明Google或其他搜索引擎对带有语义标签的页面与没有语义标签的页面的区别/更好。