Question

有没有理由不这样做？

<div comment="start display area">
     ...
</div>

我喜欢添加笔记，这似乎是一种理想的方式。

我知道我也可以这样做：

<!--Start display area-->
<div">
     ...
</div>

第一种语法对我来说似乎更清晰。我遇到<!--的问题有时，我确实想要将HTML区域用于调试目的。当那里有评论字符串时，这不起作用。

我之前发现了很多关于它的讨论：https://www.w3.org/XML/2000/04schema-hacking/comment-test.html

Answer 1

您应该使用data attributes。数据属性的设计完全符合您的意图：

HTML5在设计时应考虑到可扩展性与特定元素相关联但不需要任何定义含义。 data- *属性允许我们存储额外的信息标准的，语义的HTML元素，没有其他的黑客攻击非标准属性，DOM上的额外属性或setUserData。

你的div看起来像：

<div data-comment="start display area">

Answer 2

要添加自定义属性，您应该使用data-*：

<div data-comment="start display area">
     ...
</div>

来源：W3C

另一种选择是使用DTD attributes：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
 [
  <!ATTLIST tag comment CDATA #IMPLIED>
 ]>

至于缺点，我唯一能想到的是，对于其他查看代码的人来说，它可能不具有可读性，因为大多数可能用于标准格式注释。

是否有理由不使用自定义＆＃34;评论＆＃34;属性？

2 个答案: