我们正在讨论在我们网站的HTML标签中使用id属性与类属性的优缺点。我很自然地使用ID。这包括使用嵌套ID,例如:
<body id="thisPage">
<div id="mediaSection">
<div id="mediaImages">
....
</div></div></body>
在这种情况下,MediaSection是此HTML文件特有的页面的一部分(由带有 thisPage id的body标签引用)。当我编写CSS来设置 mediaImages 部分的样式时,它看起来像这样:
#thisPage #mediaSection #mediaImages {
vertical-align: bottom;
}
尽管我知道我们只需要#mediaImages,但我为了易读性而编写了这样的CSS规则。
我的同事说这是不好的做法:ID更昂贵,可能会影响浏览器性能,因为它们会为Web浏览器提供更多信息来跟踪。他的建议是改用课程。例如,重写上面的例子:
<body class="thisPage">
<div class="mediaSection">
<div class="mediaImages">
....
</div></div></body>
在这种情况下使用类而不是id是否有价值?