Html CSS类&；ID结构/命名

我已经做了将近2年的网络开发人员，每天都在学习新的东西，但是由于我的知识越来越丰富，我遇到了一些基本的问题，找不到一个很好的讨论

你如何命名你的div，id，class？您是否给他们指定了与内容相关的特定名称？（即

）

或者你会根据他们在网站上的位置来命名他们吗？（即

）

你用同样的方法在你的.css中做这个吗

---

我希望你得到我想要知道的。我想无论如何都没有“正确”的答案，但我想知道一些意见，这样我就可以决定采取什么样的选择，并在将来继续使用它。

因为HTML是用于内容的，所以您的命名应该指内容。

我会根据对象的内容（无论是逻辑的还是物理的）来命名对象。你关心的是一个对象是什么，而不是它在哪里

上述规则的例外是当对象形成页面布局时，但在这种情况下，它实际上不应该有名称，除非您打算在运行时操纵页面结构来移动内容（这很好，只是很少）

---

此外，我发现自己并没有为很多对象命名，而是为它们分配了类，特别是对于我必须一起操作的相关对象。这使得通过jQuery（或您选择的任何框架）与他们合作变得更加容易。

我认为这个问题有一个明确的答案：任何最适合您的框架：）

需要考虑的一些事项：

• 你是不是唯一一个写代码文件的人
• 你网站的结构是什么？是静态的还是动态的

根据这些情况，您可以选择英文名称或自己的语言，也可以选择将div命名为“content”，而不是“div_homepage”

---

希望这有帮助：）

取决于html元素所代表的内容：

• 元素是布局的一部分，请将其命名为表示该布局部分的名称。 示例：

  'footer\u top\u bar'

• 元素用于特定的内容，将其命名为表示该内容的名称。 示例：

  “注释”、“导航”、“面包屑”。

---

HTML应该尽可能在语义上使用，因此您的类和ID应该根据它们的内容命名，而不是根据它们的样式或它们在站点中的位置（这些东西应该能够在不影响HTML的情况下进行更改）

---

例如，如果您命名一个

，然后决定要移动该元素，则id将不再在语义上表示该元素。相反，如果您命名一个

或

，则无论它们在页面上的位置或样式如何，它们仍将表示该元素。

这是有意义的。尤其是我只需查看页面/代码就可以知道对象的位置。还有一件事：假设我的“内容”和“菜单”中都有链接，但我希望它们的样式完全不同。你会为每种链接类型创建两个类（a.content\u link，a.menu link）吗？还是为每个div（#content a，#menu a）设置链接样式？你会将它们与#菜单和#内容一起放置吗？或者在你的.css中使用“a”标记吗？因为格式不好，我无法用这个小标记格式来计算换行符：）菜单链接从语义上讲是菜单项，所以我称之为

.menuitem

，而你的内容链接是html中的正常链接，所以我会把它们写成<代码>。内容A （请注意，我考虑<代码>内容< /代码>一个类，因为它被用来定义你的内容看起来如何，你不应该关心足够的内容来真正命名它）。嗨。感谢您抽出时间回复！p、 我确实只使用了ID作为例子——在我的网站中，我当然会“将它们作为类使用”Hi NwN！这确实是有帮助的，因为我在这一刻独自工作，甚至没有考虑到其他人很难理解代码格式，而这对我来说很容易。我会记住的！谢谢你，丹！你们把盲点说得更清楚了，我会的。以后尽量使用这些“规则”。你介意看看这个问题来回答盲人的回答吗：）？@Andrej-我想盲人和我基本上说的是同一件事。代码中始终存在一定数量的个人风格。你需要找到你个人喜好和良好语义的良好组合。最终，您的目标是保持代码干净，并使其他可能正在阅读代码的开发人员能够理解代码。您希望尽量将内容（html）和布局（css）分开。你是如何做到这一点的可能有一百种不同的方式（但完全可以接受）。