html - 将 ID 属性添加到 Web 应用程序的所有 HTML 元素？

Question

目前我正在使用 RoR、MySQL、HTML、CSS 和 jQuery 等构建一个门户网站，我收到了我的自动化测试工程师的请求，要求我为我的应用程序的所有元素添加 ID 属性(如果可能的话，还有 NAME 属性) .

我很困惑这样做，也许我不确定这是否是一个好的做法，所以任何人都可以帮助我解决向我的应用程序的所有元素添加 ID 属性的具体缺点/问题。

谢谢，
湿婆

Answer 1

要进行可靠的前端测试，您需要能够在不使用过于具体的选择器的情况下识别某些元素(如果您没有引用元素，则需要)。像 body div:nth-of-type(4) ul li:nth-child(5) a 这样的选择器检查某个链接不仅明显难看，而且标记容易发生变化。一个小的改变可能会破坏你一半的测试套件。为避免这种情况，有几种方法可以让您的测试工程师的工作更轻松:

糟糕的方式

将分配 id s 到您所有的页面元素...

好方法

是以下方法:

1. 使用新的语义标签，例如 <nav> , <header> , <footer> , <main> , 和 <section> .
   使用这些元素，您可以构建 basic structure of your page .
2. 分配id s 到重要/独特的页面元素。谨慎使用它们，使用有意义的名称并记住 id s 代表唯一元素(在页面上可能只出现一次)!
3. 使用class属性以对具有相似特征的多个元素进行分组(例如导航元素、外部/内部 anchor 、交互元素……)
4. 避免name属性，或仅在必要时使用。 HTML5 在某些元素上弃用了此属性，例如 <a> ，所以我会完全避免它。没有必要考虑您拥有的所有其他选项。

最后，您应该与您的测试工程师进行一次结对编程 session ，以便更好地了解他的需求，这样您就不会在页面上涂上无用的标记。