html – 用于非输入非交互元素是一种好习惯吗？

概述标记没有交互性的非输入元素(例如预览< img>)时,使用< span>是否更好(或更正确)？而不是< label>？ 例如.： <span>Image preview:</span><img id="preview"> 或这个： <label for="preview">Image preview:</label><img id="preview"> <标签> tag定义< input>的标 标记没有交互性的非输入元素(例如预览< img>)时,使用< span>是否更好(或更正确)？而不是< label>？

例如.：

<span>Image prevIEw:</span><img ID="prevIEw">

或这个：

<label for="prevIEw">Image prevIEw:</label><img ID="prevIEw">

解决方法 <标签> tag定义< input>的标签.元件.

所以请改用< span>.

for属性将标签与控件元素相关联,如HTML 4.01规范中标签的描述中所定义.除其他事项外,这意味着当标签元素接收焦点(例如通过点击)时,它将焦点传递给其相关控件.标签和控件之间的关联也可以由基于语音的用户代理使用,这可以在处理控件时向用户提供询问相关标签是什么的方式. (该关联可能不像在视觉渲染中那么明显.

HTML规范并不强制要求标签与控件相关联,但Web内容可访问性指南(WCAG)2.0也是如此.这在技术文档H44中描述：使用标签元素将文本标签与表单控件相关联,这也解释了隐式关联(通过嵌套,例如标签内的输入)不像通过for和ID属性的显式关联那样得到广泛支持,

总结

以上是内存溢出为你收集整理的html – 用于非输入/非交互元素是一种好习惯吗？全部内容，希望文章能够帮你解决html – 用于非输入/非交互元素是一种好习惯吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。