我应该在 for="...." 中重复标签文本吗?和 id=".."?

发布于 2024-09-02 21:04:33 字数 394 浏览 8 评论 0 原文

  • 第二种方法有什么缺点吗? 为什么 http://www.webstandards.org/ 决定使用第二种方法
  • 第一种方法比第一种方法更好 屏幕阅读器用户?

第一

<label for="name">Name</label>
      <input id="name" />

第二

<label for="n">Name</label>
      <input id="n" />
  • Is there any cons of 2nd method?
    Why http://www.webstandards.org/ decided to use 2nd method
  • Is first method better than first for
    screen reader users?

First

<label for="name">Name</label>
      <input id="name" />

Second

<label for="n">Name</label>
      <input id="n" />

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

反差帅 2024-09-09 21:04:33

唯一的“缺点”是 id 是非描述性的。对于内容很少的页面来说,这没什么大不了的,但是对于较大的页面,使用描述性 ID 对开发很有帮助。同样,ID 需要是唯一的,因此单字母方法在输入 #26 时会过时:p

作为旁注,webstandards.org 可能通过压缩实用程序运行其 html,该压缩实用程序将其描述性 ID 更改为单字母以最大程度地减少下载时间。例如,

他们的内部代码是您的第一个示例,压缩器会输出您的第二个示例。

The only 'con' is that the id is non-descriptive. For a page with little content, this wouldn't be a big deal but for a larger page, using a descriptive ID is helpful in development. Too, ID's need to be unique, so the single letter approach would get old at input #26 :p

As a side note, webstandards.org might have run their html through a compression utility that changes their descriptive IDs into single letters to minimize download time. e.g.

Their in-house code is your first example and the compressor spit out your second.

苦妄 2024-09-09 21:04:33

我用这个:

<label>
    <input>
</label>

I use this:

<label>
    <input>
</label>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文