html元素的命名约定

Question

我有关于html元素名称的一般查询.

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

在命名元素时,我看到了混合外壳.类似于为元素类指定名称.

所以我想知道是什么标准或惯例应该命名什么html元素？什么套管？他们应该有前缀等吗？

我正在使用asp.net Web表单,html5,css3和jquery,所以我想要一些我可以与其他开发人员共享的命名约定标准.

Answer 1

我同意一致性——如果你已经有了约定，那就坚持下去。

然而，如果你制定一个新的约定，这种匈牙利表示法可能是一个非常糟糕的主意，因为它根本不干燥。例如，标签的名称是<div>，然后类的名称再次表示它是一个 div。如果您从使用<div>s 更改为<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>