在HTML页面中使用最少量的ID是一种好习惯吗?

时间:2014-09-04 15:48:51

标签: html css

我们正在讨论在我们网站的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是否有价值?

0 个答案:

没有答案