使用display输入hidden或div:none css？

Question

在我们的项目中,我们都使用input type=hidden的元素,并divs用display:noneCSS用于存储HTML页面上的一些数据没有它显示给用户.

所以我想知道哪种方式更适合性能和代码完整性以及html语义？

Answer 1

无论文档(CSS)的样式规则如何,隐藏的输入都将被隐藏,这可能会使性能更好,但我没有数据显示这一点.话虽如此,输入控件应作为表单的一部分提交.

还有其他方法,如HTML5自定义数据属性或使用脚本标记:

<!-- Custom data attribute -->
<div id="product" data-id="42">
    <h1>Product name</h1>
</div>

<!-- JSON data embedded in a script tag -->
<script type="application/json">
    { "id": 42 }
</script>