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

【问题标题】：Where do you hang your semantic information, html?你把你的语义信息挂在哪里，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() 作为您的第一个示例。

【讨论】：

【解决方案2】：

【讨论】：

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

【解决方案3】：

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

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

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

【讨论】：