实际上,为什么语义标记?

时间:2016-01-13 22:20:46

标签: html semantics google-search semantic-markup

如果我使用<h5>作为<b>代码,Google真的关心吗?

我应该关注语义标记有哪些现实的,实际的原因?

1 个答案:

答案 0 :(得分:1)

一些例子

  • 许多有视觉障碍的人依靠语音浏览器将页面读回给他们。除非明确解释,否则这些程序无法很好地解释页面。换句话说,语义代码有助于可访问性 搜索引擎需要了解您的内容是什么,以便在搜索引擎上正确排名。

  • 语义代码可以提高您在搜索引擎上的位置,因为搜索引擎蜘蛛更容易使用#34;了解。

然而,语义代码也有其他好处:

  • 从上面的示例中可以看出,语义代码较短,因此下载速度更快。

  • 语义代码使网站更新变得更加容易,因为您可以将设计风格应用于整个网站的标题,而不是基于每页。

  • 语义代码也让人们更容易理解,所以如果新的网页设计师拿起代码,他们可以更快地学习它。

  • 由于语义代码不包含设计元素,因此可以更改网站的外观,而无需重新编码所有HTML。

  • 再一次,因为设计与您的内容分开存在,语义代码允许任何人添加或编辑页面而无需对设计有良好的关注。

  • 您只需描述内容,级联样式表定义内容的外观。

来源:boagworld

<小时/>

语义和Web

语义是主语的隐含意义,如单词或句子。它帮助人类(以及现在的机器)如何解释主题。
在网络上,HTML服务于人和机器,暗示HTML标签中包含的内容的目的。
自HTML诞生以来,元素已经根据Web上的实际使用情况进行了修改和调整,理想情况是,作者可以轻松地导航标记并创建精心构造的文档,以便机器可以推断出精彩的上下文我们人类可以阅读的数据集合。

直到 - 甚至可能在此之后 - 机器可以在与人类相同的水平上理解语言及其所有细微差别,我们需要HTML来帮助机器理解我们的意思。如果晚餐吃披萨,电脑不在乎。它可能只是想知道它应该对这些信息做些什么。

HTML语义是一个细微的主题,广泛争论并且易于解释。不是每个人都同意同意这一点,这就是出现问题的地方。

  

请允许我画一幅画:
  你正在忙着创建一个网站   你有一个想法,“哦,现在我必须添加一个元素。”
  然后另一个想法,“我感到内疚,添加一个div。我听说Div-itis太可怕了。“   然后,“我应该用别的东西。旁边的元素可能是合适的。“
  三次搜索和五篇文章之后,你相当确信旁边的语义不正确   你决定文章,因为至少它不是div   你浪费了40分钟,没有明显的好处来展示它    - Divya Manian

这产生了一系列积极和消极的反应。在Pursuing Semantic Value中,Jeremy Keith认为语义正确并非毫无结果,他甚至举例说明<section>如何用于调整文档的大纲。他总结道:

  

但是,如果你能够超越风扇的语气并进入文章的内核,这是一个相当直接的信息:不要过于依赖语义而不利于Web开发的其他重要方面。    - 杰里米基思

命名事物

在HTML5中所有可能的新元素名称中,规范在<nav><footer>等内容上非常明确。如果您在自己的标记中使用其中任何一个作为类或id,那并非巧合。来自Google和Opera等网站的研究着眼于人们用来暗示其HTML文档的一部分目的的名称。 HTML5规范的作者认识到开发人员需要更多的语义元素,并查看已经使用了哪些类和ID来传达这样的含义。

当然,不可能使用所研究的所有名称,并且可以使用英语中数以百万计的单词,最好将重点放在满足网络需求的小子集上。 。然而有些人认为规范还没有这样做。

来源:html5doctor(这种情况持续了很长一段时间,所以我在这里只举了几个例子。)

希望这有帮助!