你把你的语义信息挂在哪里，html？

Posted 2023-02-24

【中文标题】你把你的语义信息挂在哪里，html？

【英文标题】：Where do you hang your semantic information, html?

【发布时间】：2011-02-22 13:57:29

【问题描述】：

好吧，我一直把关于元素含义的语义信息逻辑地放在class属性中

<li class="phone-number">555-5555</li>

它似乎适用于悬挂语义信息和如何设置样式的指针的双重目的。

我不确定这是否是最好的主意，我正在尝试看看其他人是否有其他方法。

我也开始使用隐藏输入：

<li>555-5555 <input class="semantics" type="hidden" value="phone-number" /></li>

在元素内部，因此使用 jQuery，我可以使用

检索有关该元素的其他信息

li.find( '.semantics' ).val()

从 javascript 中获取元素的语义

【参考方案1】：

我在microformats.org 处通过手册和示例挂起我的语义。那么样式呢？您可以为 html 元素使用多个类。 在 jQuery 中，您可以使用 $('.phone-number').html() 作为您的第一个示例。

【讨论】：

我认为微格式被认为是在 html 中保存语义的标准。

【参考方案2】：

要么尝试 XML，要么使用 演示文稿的示例 XSLT， 或带有自定义 DTD 的 HTML 或 HTML 5 和 data-attribute (3.2.1 语义）

【讨论】：

数据属性设置太棒了！

你真的认为走 XSLT 路线是一个不错的选择，同时考虑到其他开发人员的维护（新要求：必须了解 XSLT？）完全值得经历自定义 DTD 的麻烦，并且又是维护问题？

【参考方案3】：

这取决于语义本身...ID 和类通常足以满足此目的。

但是为此添加诸如隐藏字段之类的标记对我来说听起来很糟糕。

也许如果您分享了您的实际需求，我们可以分享一个更好的方法。