为什么HTML5标签是语义的？

Question

我正在研究HTML5，我遇到了各种HTML5语义标签，如<article> <section> <aside> <nav> <header> <footer> <audio> <video> <source> <track> <embed> <canvas>等。

我想知道使用这些语义标签的优势究竟是什么。它是用于快速加载还是任何其他功能？

请分享您的想法。

Answer 1

准确描述标签的内容。

例如，这意味着当Google（或任何搜索机器人）抓取页面时，它可以更准确地剖析它并为各种内容分配相关性分数。

维基百科有nice simple definition：

  

语义HTML是使用HTML标记来强化网页中信息的语义或含义，而不仅仅是定义其表示或外观。语义HTML由常规Web浏览器以及许多其他用户代理处理。 CSS用于向人类用户推荐它。

因此，浏览器是否对audio和video等标记采取特殊操作完全取决于浏览器呈现引擎的开发者，但是它们可供使用。

Answer 2

语义标签的优点

• 计算机更容易理解文档中的内容及其结构。例如，使用文章标签可以使Safari Reader或Readability等工具更容易找到博客文章的内容。
• 屏幕阅读器还将提供有关页面内容的更多信息。这对视障用户来说非常有用，特别是因为他们可以更轻松地跳转到导航控件和文章内容，同时跳过不太重要的内容。
• 开发人员可以更轻松地对HTML文档的各个部分进行逻辑分类，并且更容易在HTML上语义添加CSS样式。