html元素的命名約定

我有一個關於 html 元素名稱的一般查詢。

我在過去看到開發人員在他們的 html 元素的 id 之前放置一個前綴，例如 div 元素 -> dvMyDiv

在命名元素時，我看到了大小寫的混合。類似於為元素類分配名稱。

所以我想知道應該命名哪些html元素是否有任何標准或約定？什麼外殼？他們應該有前綴等嗎？

我正在使用 asp.net 網路表單、html5、css3 和 jquery，所以我想要某種形式的命名約定標準，我可以與其他開發人員共享。

我同意一致性——如果你已經有了約定，那就堅持下去。

然而，如果你制定一個新的約定，這種匈牙利符號可能是一個非常糟糕的主意，因為它根本不是 DRY。例如，標籤的名稱是<div>，然後你的類的名稱再次表明它是一個 div。如果您從 using <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>

引用自：https://stackoverflow.com/questions/8941147