Html 语义标记:为什么<;标题>;而不是<;div id=";标题“>;?

Html 语义标记:为什么<;标题>;而不是<;div id=";标题“>;?,html,semantic-markup,Html,Semantic Markup,好的,所以我理解了语义标记的炒作:它增强/进一步指定了搜索引擎的元素或页面的含义,因此也适用于阅读搜索结果的人。微格式和,等的所有学分,因为这些标记表示层次结构和/或特定用途,并为页面增加了意义 但是为什么现在有像这样的标签呢 像,这样的标签存在的理由是: 分段内容是定义标题和页脚范围的内容。-W3C 这样做的好处是,标记可以更准确地描述文档的内容和结构。带有id的并不意味着头,不管id是什么,它完全是任意的。而是一个标题,不管它的id是什么,答案都隐藏在搜索引擎中 搜索引擎只能抓取HTML元素

好的,所以我理解了语义标记的炒作:它增强/进一步指定了搜索引擎的元素或页面的含义,因此也适用于阅读搜索结果的人。微格式和
等的所有学分,因为这些标记表示层次结构和/或特定用途,并为页面增加了意义

但是为什么现在有像
这样的标签呢

这样的标签存在的理由是:

分段内容是定义标题和页脚范围的内容。-W3C


这样做的好处是,标记可以更准确地描述文档的内容和结构。带有
id
并不意味着头,不管
id
是什么,它完全是任意的。而
是一个标题,不管它的
id是什么,答案都隐藏在搜索引擎中

搜索引擎只能抓取HTML元素,他们对网站的css颜色、字体大小了解不多,因此,他们可以清楚地看到哪些词更重要,如粗体或标题、页眉、页脚(用于任务或联系人),等等。。。。这为你的网站提供了他们算法的线索。

@Tyblitz

语义元素是指有意义的元素。 这些元素清楚地描述了它对浏览器和开发者的意义

是非语义元素的示例;它们不告诉任何关于内容的信息,而像
这样的元素清楚地定义了它们的内容,因此被称为语义元素

-header是一个语义元素,用于指定文档或节的标题。 标题应用作介绍性内容的容器。一个文档中可以有多个标题元素

-节是内容的主题分组,通常带有标题


  • 重要消息 要玩今天的游戏,你需要更新你的客户

    游戏 您有三个活动游戏:


  • @BoltClock好的,但我想知道这是如何增加意义的?我不认为
    更有意义,就像你说的,它在DOM级别。
    是标题元素<代码>
    不是标题。它只是一个恰好被称为one的div(并且被设计成看起来像one)@Anthony感谢你给我指出这个链接;这是迪福的作品,我需要好好读一读!可能的重复,虽然这回答了我答案的“肤浅部分”,但我真正感兴趣的是它背后的逻辑解释,我在Anthony的链接中找到了。无论如何谢谢你!我感谢你努力回答这个问题,阿德什,然而我真正想要的答案是HTML5大纲和“内容分段”,这是安东尼对OP的第四条评论。
     <!-- BODY CONTAINER START -->
        <header>
            <h1>Little Green Guys With Guns</h1>
            <nav>
                <ul>
                    <li><a href="/games">Games</a>
                    <li><a href="/forum">Forum</a>
                    <li><a href="/download">Download</a>
                </ul>
            </nav>
            <h2>Important News</h2> <!-- this starts a second subsection --
            <!-- this is part of the subsection entitled "Important News" -->
            <p>To play today's games you will need to update your client.</p>
            <h2>Games</h2> <!-- this starts a third subsection -->
        </header>
        <p>You have three active games:</p>
        <!-- this is still part of the subsection entitled "Games" -->
     <!-- BODY CONTAINER END -->