是否应该为HTML文档添加类或ID以获得更好的结构?

时间:2013-09-08 17:14:59

标签: javascript html css

通常我们会为CSS和Javascript选择器添加idclass。如果不需要选择器,我们是否应该放置idclass

示例:

# HTML
<div class="name">John Smith</div>
<div class="email>jsmith@abc.com</div>

# CSS
.name { color: red }

您看到.email未使用。我们应该保留那个,还是删除它?什么是最佳做法?

4 个答案:

答案 0 :(得分:3)

永远不要在HTML中添加ID或类,除非存在特定的原因,例如深层链接到ID,为JavaScript添加高级样式或挂钩。

答案 1 :(得分:0)

该课程没有做任何事情,因此不需要。浏览器读取它并减慢它(几乎没有)但它仍然没用。

在我看来,最佳做法是没有一个不需要的课程,而是写自己的评论。如果您的代码很长/您在一段时间后阅读它,评论可能会帮助您理解它。

<div>jsmith@abc.com</div> <!-- This is the user's email address -->

答案 2 :(得分:0)

除非您打算使用它,否则不要将Id和类添加到HTML中。

注意:仅对不同的元素使用ID。使用常用元素的类,即,如果您想为常用元素应用样式,请使用类。

答案 3 :(得分:0)

ID ro类几乎没有什么区别,你说的是更好的结构。

它们是用于设置每个元素的视觉呈现样式的选择器。如果你从这个网站上阅读关于css的wiki文章:你可能会发现唯一的区别是重要性或我们称之为 Selector Precedence 你可以在这里阅读它:

https://stackoverflow.com/tags/css/info

选择器是这样的:

ID - &gt; class - &gt;元素(重要的DESC顺序)

另外,如果你不打算在CSS中使用它们,请尽量不要使用它们,我的意思是不要只使用ClassNames或ID来告诉这个div是什么意思:

<div class="email">username@example.com</div>

但请使用此:

<div>username@example.com</div>

相反,只有在打算设置样式时才尝试使用CSS,更改字体大小的字体系列或其他视觉效果。