Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么要使用<;标签>;?_Html - Fatal编程技术网

Html 为什么要使用<;标签>;?

Html 为什么要使用<;标签>;?,html,Html,从演示文稿的角度来看,如果我在标记之间写一个文本,它看起来就像我没有写一样 那么,我们为什么要使用这个标签呢?标签元素的属性对应于输入元素的id属性。如果单击标签,它会将焦点放在输入框上 例如: <input type="checkbox" id="agree" /> <label for="agree">I agree with the Terms and Conditions</label> 我同意这些条款和条件 如果单击文本,它将选中该框 单击

从演示文稿的角度来看,如果我在
标记之间写一个文本,它看起来就像我没有写一样


那么,我们为什么要使用这个标签呢?

标签
元素的
属性对应于
输入
元素的
id
属性。如果单击标签,它会将焦点放在输入框上

例如:

<input type="checkbox" id="agree" /> 
<label for="agree">I agree with the Terms and Conditions</label>

我同意这些条款和条件


如果单击文本,它将选中该框

单击标签时,焦点转到相关输入。当很难点击小矩形时,复选框非常方便。

来自:

label元素不会呈现为用户的任何特殊内容。但是,它为鼠标用户提供了可用性改进,因为如果用户单击label元素中的文本,它会切换控件


标记的for属性应该等于相关元素的id属性,以便将它们绑定在一起。”

从表示的角度看没有任何内容。标签标签用于定义输入元素的标签。从语义的角度来看,它不应该用于定义文本。

HTML
标记有一个特殊功能:它允许您为
提供一个属性,该属性将标签链接到输入字段或其他控件,这样当用户单击标签时,就好像他单击了控件一样

例如:

标签文本
这意味着当用户单击“标签文本”时,复选框将被切换

这对于可访问性和通用性非常有用,并且还允许一些技巧,例如制作一个看起来不像复选框但在幕后包含复选框的切换控件

但是除了这个
for
特性之外,
元素基本上与其他HTML元素相同


如果您不打算使用
for
属性,出于语义原因,使用
元素可能仍然是正确的。

HTML是而不是关于表示的。这是一种描述数据的方式。如果您有一些文本表示输入的标签,您可以将其包装在标签标签中,而不是为了表示,而是因为它就是这样。如果没有标签标签,文本几乎毫无意义。通过标签标记及其
属性(或非*)的
,您提供了意义和结构,并在标记之间形成了一种计算机/解析器/浏览器/人员可以更好理解的关系

*如果将标签环绕在输入上,则不必为
使用

我的输入

HTML标记旨在向不同类别的用户传达特殊含义。以下是
标签
的含义:

  • 适用于有运动障碍的人(也适用于普通鼠标用户) 可以单击正确使用的标签来访问相关表单控件。例如,用户不必特别点击复选框,而是可以点击更容易点击的标签并切换复选框

  • 针对视觉障碍用户 有视觉障碍的用户使用屏幕阅读器,每当表单控件被聚焦时,屏幕阅读器都会读取相关的标签。它可以帮助用户知道标签,否则他们就看不见标签


  • 如果不使用标签,则必须单击精确的微小圆形空间来选择选项

    但是,如果使用tag,则只需单击文本上的任意位置(或微小的圆形空格)即可选择选项


    注意:-标记仅将小圆形空白区域与相关文本绑定在一起。就这样

    请参阅:HTML与演示无关。请注意,这是为了提高可访问性,尤其是对于屏幕阅读器用户。你的答案比所有解释这个简单问题的答案要好得多。遗憾的是,即使在编程世界中,结构之类的词,在人们面前,有意义的话语比实际意义上的话语更重要。
    <label for='mycontrol'>Label text</label> <input type='checkbox' name='mycontrol' id='mycontrol' value='1'>