Question

我对html元素的名称有一般性查询。

我在过去看到开发人员在他们的html元素的id之前放置一个前缀，例如div元素 - ＆gt; dvMyDiv

在命名元素时，我看到了混合外壳。与为元素类分配名称类似。

所以我想知道应该命名哪些html元素的标准或约定？什么套管？他们应该有前缀等吗？

我正在使用asp.net网络表单，html5，css3和jquery，所以我希望能够与其他开发人员共享某种形式的命名约定标准。

Answer 1

我同意一致性 - 如果你已经有一个约定，那么坚持下去。

然而，如果你制定一个新的约定，这种匈牙利符号可能是一个非常糟糕的主意，因为它根本不是干的。例如，标记的名称为<div>，然后您的类的名称再次表示它是div。如果您从使用<div>更改为<section> s，您的代码将会过时，或者您也必须更改所有类名（可能在HTML，CSS和JavaScript中）。由于您可以使用div.classname之类的代码来定位类，因此它绝对不会增加任何值。

更好的想法是在它们包含的内容类型之后命名。例如，在博客中，您可以使用以下HTML：

<section class="posts">
  <article id="post-1" class="post">
    <h1>Post Title</h1>
    <div class="post-content">
      <p>Blah blah blah</p>
      <p>Blah blah blah</p>
    </div>
    <time class="timestamp">17th January 2012</time>
  </article>
  <article id="post-2" class="post">
    <h1>Post Title</h1>
    <div class="post-content">
      <p>Blah blah blah</p>
      <p>Blah blah blah</p>
    </div>
    <time class="timestamp">18th January 2012</time>
  </article>
</section>
<aside class="top-posts block"></aside>
<aside class="contact-form block"></aside>

Answer 2

没有标准的你和你的同事应该决定你想要使用什么格式并坚持下去。事物的前缀是一种匈牙利符号。但我真的不喜欢它。只需确保名称清晰且具有描述性。

Answer 3

绝对不是匈牙利表示法。

我建议使用语义HTML http://en.wikipedia.org/wiki/Semantic_HTML，因为它可以让您的HTML代码更易于阅读。

Answer 4

<强> REVISED：在阅读Wiki文章之后，很多知名开发者和微软都不再推荐使用匈牙利语。

我被认为Hungarian notation是一个非常受欢迎的命名惯例。另外，我认为这是微软推荐和使用的惯例。

我认为最重要的是一致性。你应该选择一个约定并坚持下去。

html元素的命名约定

4 个答案: