最近我一直在阅读越来越多关于在HTML标签中使用自定义属性的人,主要是为了嵌入一些额外的数据用于javascript代码.
我希望收集一些关于是否使用自定义属性是一个好习惯的反馈,以及一些替代方案.
现在看来似乎真的可以简化既服务器端和客户端的代码,但它也不是W3C标准.
我们应该在我们的网络应用程序中使用自定义HTML属性吗?为什么或者为什么不?
对于那些认为自定义属性是好事的人:使用它们时要记住哪些事项?
对于那些认为自定义属性是坏事的人:你用什么方法来完成类似的事情?
更新: 我最感兴趣的是各种方法背后的推理,以及为什么一种方法比另一种更好的原因.我想我们都可以用4-5种不同的方式来完成同样的事情.(隐藏元素,内联脚本,额外类,从ids解析信息等).
更新2: 似乎HTML 5 data-属性功能在这里有很多支持(我倾向于同意,它看起来像一个可靠的选项).到目前为止,我还没有看到这个建议的反驳方式.使用这种方法是否有任何问题/陷阱?或者它只是对当前W3C规范的"无害"失效?
我正在尝试整合一种在HTML中标记各种组件的方法,这些组件由jQuery脚本解析并在页面加载时创建.
例如,目前我可以将以下内容放入我的页面..
<a href="link.html" class="Theme-Button Theme-Button-Style-win2007 Theme-Button-iconLeft Theme-Button-AlignmentCenter Theme-Button-fullWidth">This is a button</a>
Run Code Online (Sandbox Code Playgroud)
当jQuery脚本找到它时,它会注入创建一个带有图标的按钮所需的html以及所有必要的事件等.
但是,这很麻烦,需要很多长类名.我宁愿做这样的事......
<a href="#" class="Theme-Button" data="{style: 'win2007', icon: 'left', align:'center', fullWidth: true}"></a>
Run Code Online (Sandbox Code Playgroud)
它不是那么短,但在我看来更整洁,需要更少的解析.麻烦的是,我已经对"expandos"进行了一些研究,我相当肯定有些浏览器会不喜欢它并且它不会验证.
有人有更好的建议吗?
可能重复:
在JavaScript的HTML标记中存储任意信息?
使用自定义HTML属性的具体风险是什么?
自定义属性 - 是或不是?
在标准HTML元素上添加自定义属性有什么缺点?
例如:
<intput type ="textbox"id ="MyId"MyCustomeAttribute ="MyData"/>
通过添加MyCustomAttribute,我使文档无效,但实际的实现是什么?这有什么问题,如果有的话?
我将使用Javascript来读取自定义属性的值.
谢谢
我正在编写自定义表单验证javascript库,我正在考虑正确的标记语法.假设我的输入需要1 000到10 000之间的数字.
到目前为止,我提出了这样的事情:
<input class='validate required number' min='1000' max='10000' />
Run Code Online (Sandbox Code Playgroud)
这是正确的方法吗?我有两个问题:
min,max不验证.