html - 对作为多个类成员的元素的更好的 HTML 注释实践

标签 html css

这与许多其他可能相似的问题完全不同。

考虑一个充满可排序列的表格。访问者想要的升序/降序排序顺序保存在 <span> 中。在专栏的 <th> . JavaScript 代码指的是 <span>当用户要求排序时;并且代码更改了 <span> 的内容当用户切换排序顺序时。

同时考虑代码和 HTML,注释 <span> 是否“更好”(更干净、对 JS 更友好、更简洁、更美观)? <th> 的一部分这样:

<span class="sortorder"><span class="ascending">content</span></span>

或者这样:

<span class="sortorder ascending">content</span>

第一种方法使代码更容易追踪列的排序顺序。第二种方法消除了 HTML 中的大量内容。在我看来。

谢谢!

最佳答案

看起来您想要做的是向元素添加一个键=值对,表示“排序顺序为‘升序’”。为此,我会使用 HTML5 data attributes :

<span data-sort-order="ascending">…</span>

它们应该是向后兼容的,并且 jQuery 应该能够在它们支持的任何浏览器上使用 .data() 找到/阅读它们.

关于html - 对作为多个类成员的元素的更好的 HTML 注释实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6973414/

相关文章:

javascript - 如何在页面滚动时移动图像?

html - 我怎样才能强制一个 css flex child 成为它所在行的唯一 child ?

php - 不要拆分带连字符的单词

html - 辅助功能:使用媒体查询隐藏文本

css - Bootstrap 折叠菜单在展开时不会向下推内容

css - div 高度 100% 但不超过绝对粘性页脚

javascript - http ://sigmajs. org/les 教程 - 为什么我的 Canvas 高度为 0?

html - 浏览器覆盖了我的 CSS 字体

html - 表单对齐 CSS

javascript - Tab 按不会在 chrome/IE11 中的表单字段上前进