12

好的，所以我理解关于语义标记的炒作：它增强/进一步指定搜索引擎的元素或页面的含义，因此对于阅读搜索结果的人类而言。所有归功于微格式<h1>, <h2>, <p>等，因为这些标签表示层次结构和/或特定目的，并为页面添加意义。

但是为什么现在有这样的标签<aside>, <header>, <footer>？他们的优势是什么<div id="aside/header/footer">？

这些标签没有特定的子属性或属性，如<audio>, <form>, <img>标签（src、action 等），我很难想象寻找标题标签而不是标题 id 意味着搜索引擎性能的这种改进。再者，如果初学者在使用这些标签的过程中犯了错误，那岂不是更糟，因为错误一直延伸到 DOM 节点级别？

那么，为什么会有新的 HTML '语义' 标签与普通的 ol' div 相比没有明显的好处呢？或者如果这是错误的，有什么好处？

编辑：我正在寻找的答案是安东尼在该线程的第 4 条评论中指出的链接：http: //www.w3.org/TR/html5/sections.html。

像 , 这样的标签存在的理由<aside>, <header>, <footer>是：

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

4

3 回答 3

4

好处是标记更准确地描述了文档的内容和结构。<div>带有 an 的Aid并不意味着标题，无论它id可能是什么 - 它完全是任意的。而 a<header>是一个标题，不管它是什么id.

于 2013-11-03T00:30:09.823 回答
2

@Tyblitz

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

<div>并且<span>是非语义元素的示例；它们不告诉任何有关其内容的内容，而诸如<form>、<table>和等元素<img>清楚地定义了它们的内容，因此被称为语义元素。

<header>- header 是一个语义元素，它为文档或部分指定标题。标题应用作介绍性内容的容器。您可以在一个文档中包含多个标题元素。

<section>- 部分是内容的主题分组，通常带有标题。

<article>- 文章指定了独立的、自包含的内容。

等等...

以下示例定义了如何在 HTML5 标记中使用示意图元素：

 <!-- 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 -->
于 2013-11-03T06:28:07.443 回答
0

答案隐藏在搜索引擎中。

搜索引擎只能抓取 HTML 元素，它们对您网站的 css 颜色、字体大小等了解不多，因此它们可以清楚地看到您认为哪些词更重要，写成粗体或标题、页眉、页脚（用于任务或联系），等等......这为您的网站提供了他们algorythm的线索。

于 2013-11-03T00:30:26.593 回答