空的HTML5数据属性有效吗？
我想编写一个简单的jQuery插件，在指定元素下显示内联模式。我的想法是让脚本根据元素上指定的数据属性自动初始化。
一个非常基本的例子：
<p data-modal-target>Hover over me for an inline modal!</p>
<div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired syntax can go here --></div>
我只是想知道data-modal-target上面的示例中是否有效，还是必须这样做data-modal- target="true"？我不在乎什么比IE9更糟糕的东西，我唯一的要求就是它是有效的HTML5。
问题答案：
有效，但不是布尔值。
自定义数据属性规范未提及对空属性处理的任何更改，因此关于空属性的一般规则适用于此：
可以通过仅提供属性名称而不提供值来指定某些属性。
在以下示例中，该
disabled属性使用空属性语法给出：<input disabled>请注意，空属性语法完全等同于将空字符串指定为属性的值，如以下示例所示。
<input disabled="">
因此，允许您使用空的自定义数据属性，但是需要特殊处理才能将它们用作布尔值。
当您访问空属性时，其值为""。由于这是一个伪造的值，因此您不能仅使用它if (element.dataset.myattr)来检查属性是否存在。
您应该使用element.hasAttribute('myattr')或if (element.dataset.myattr !== undefined)代替。
劳埃德的答案是错误的。他提到了指向布尔属性微语法的链接，但是data-*在规范中未将属性指定为布尔值。
-
本文向大家介绍HTML5微数据属性，包括了HTML5微数据属性的使用技巧和注意事项，需要的朋友参考一下 微数据引入了五个全局属性，可供任何元素使用，并为机器提供有关数据的上下文。 属性 描述 项目范围 这用于创建项目。itemscope属性是一个布尔属性，它指示此页上有微数据，并且这是它的起点。 物品种类 此属性是一个有效的URL，用于定义项目并提供属性的上下文。 物品编号 此属性是商品的全局标
-
问题内容： 自定义数据属性： 当我说“工作”时，我的意思是，如果我有这样的HTML： 将以下JavaScript： 在IE 6中产生带有“ geoff de geoff”的警报吗？ 问题答案： 您可以使用检索自定义（或您自己）属性的值。按照您的示例 我可以得到使用的价值 参见MSDN。尽管那里提到需要IE7才能使它正常工作，但我前一段时间使用IE6对其进行了测试，并且它可以正常运行（即使在怪癖模式
-
问题内容： width: attr(data-width); 我想知道是否可以使用设置CSS5 的相同方法使用HTML5的属性来设置CSS值。目前不起作用。 的HTML 的CSS 问题答案： 实际上，确实有此类功能的预定义 这个应该可以按照您的需要工作，但暂时不会。 不幸的是，它仍然是草案，并且尚未在主要浏览器上完全实现。 不过，它确实适用于伪元素。
-
我有4个HTML元素，我需要知道它的属性（HTML5）：a-download、href、hreflang、media、rel、target、键入img-alt、crossorigin、height、ismap、longdesc、size、src、srcset、usemap、width ol-reversed、start、键入td-headers、colspan、rowspan 还有吗？
-
问题内容： 关于HTML class 属性，该属性将CSS类（或多个类？）分配给标记。空间的使用，例如 已验证？ 此语法已被某些Web设计人员使用，并出现在导出的Adobe InDesign HTML（已通过版本5和6测试）和另一种HTML生成软件中。 它（）是有效的W3C语法吗？ 什么版本的CSS和HTML？（从哪个版本开始生效？） 编辑：一个自然的 子问题 “ W3C说如何解释它？”（这是“替
-
问题内容： 在我的Web应用程序中，我对表单字段使用了一些自定义验证。在同一个表单中，我有两个按钮：一个用于实际提交表单，另一个用于取消/重置表单。 通常，我使用Safari作为默认浏览器。现在Safari5退出了，突然我的“取消/重置”按钮不再起作用了。每次按下重置按钮时，表单中的第一个字段都会获得焦点。但是，这与我的自定义表单验证相同。在其他浏览器上尝试时，一切都很好。我必须是Safari 5