html - 什么是语义标记，我为什么要使用它？

Question

就像它说的那样。

score 7 · Accepted Answer

使用语义标记意味着您在页面中使用的 (X)HTML 代码包含描述其用途的元数据——例如，<h2>包含员工姓名的可能会被标记class="employee-name"。最初有些人希望搜索引擎会使用这些信息，但随着网络的发展，语义标记已主要用于为 CSS 提供挂钩。

使用 CSS 和语义标记，您可以将页面的视觉设计与标记分开。这可以节省带宽，因为设计只需下载一次，并且更容易修改设计，因为它没有混入标记中。

另一点是使用的元素应该与其中包含的数据具有逻辑关系。例如，表格应该用于表格数据，<p>应该用于文本段落，<ul>应该用于无序列表等。这与早期的网页设计形成鲜明对比，后者通常使用表格来处理所有事情。

score 3 · Accepted Answer

语义的字面意思是使用“有意义的”语言；在 Web 开发中，这基本上意味着使用描述内容的标签和标识符。

例如，将#Navigation、#Header 和#Content 等ID 应用于<div> 标签，而不是#Left 和#Main，或者将无序列表用于导航链接列表，而不是表格。

主要好处是在未来的维护中；您可以轻松更改布局或演示文稿，而不会失去内容的意义。您的导航栏可以从左向右移动，或者您的链接水平显示而不是垂直显示，而不会失去意义。

score 1 · Accepted Answer

语义标记是具有足够描述性的标记，可以让我们和我们编程的机器识别它并做出决定。换句话说，当我们可以识别它并用它做有用的事情时，标记就意味着什么。通过这种方式，语义标记变得不仅仅是描述性的。它成为一种出色的机制，允许人类和机器“理解”相同的信息。

score 0 · Accepted Answer

除了已经提到的允许软件“理解”数据的目标之外，还有更多实际应用可以使用它在本体之间进行转换，或者用于在不同的数据表示之间进行映射——而无需转换或标准化数据（这可以导致信息丢失，并且通常会阻止您在未来提高您的理解）。

今年在 OSCon 上至少有 2 场与语义技术的使用相关的会议。一个是关于 BigData（幻灯片可在此处获得：http ://en.oreilly.com/oscon2008/public/schedule/proceedings ，另一个是来自FreeBase的人。

BigData 使用它在两个不同的数据模型之间进行映射（包括使用专门为处理语义数据集而创建的查询语言）。FreeBase 在不同的数据集之间进行映射，然后执行进一步的分析以得出这些数据集的含义。

要研究的相关主题：OWL、OQL、SPARQL、Franz（AllegroGraph、RacerPRO 和 TopBraid）。

score 0 · Accepted Answer

下面是一个 HTML5 的示例，我一直在使用语义标记的网站，它使用http://schema.org中指定的最近接受的微格式以及 HTML5 的新的语义标记元素。

谷歌有一个方便的语义标签测试工具，它将向您展示如何将语义标签添加到内容中，从而使搜索引擎能够“理解”更多关于您的网页的信息。

请注意 google 现在如何知道页面上的“事物”是书籍，并且它们具有 isbn13 标识符。添加其他元数据，例如价格和作者，可以进行进一步的推断。

希望这能为您指明一些有趣的方向。使用良好关系本体可以实现更详细的语义标记，这几乎是我现在能想到的最全面的。

5 回答 5