html要素の命名規則

Question

html要素の名前に関する一般的なクエリがあります。私はdiv要素のために、たとえば、そのHTML要素のIDの前に接頭辞を置く過去の開発者に見てきた

- > dvMyDiv

要素に名前を付けるときに、私は、ケーシングのミックスを見てきました

。要素クラスにnameを代入するのと同様です。

だから、どのようなhtml要素に名前を付けるべきかの基準や規約があるのでしょうか？どのようなケーシングですか？彼らはプレフィックスなどがあるべきですか？

私はasp.net Webフォーム、html5、css3、jqueryを使用していますので、他の開発者と共有できる命名規則の標準の形式が欲しいです。

Answer 1

私はコンシステンシーに同意します。あなたが既にコンベンションを持っているなら、それに固執してください。

しかし、新しいコンベンションを作成する場合、この種のハンガリー表記は、DRYではないため、実際には悪い考えです。たとえば、タグの名前は<div>であり、クラスの名前から再度divと表示されます。 <div>から<section>に変更すると、コードが古くなったり、すべてのクラス名（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

は改訂： それは非常によく知られている多くの開発者が表示されず、Microsoftはもはやハンガリアン記法をお勧めしますWikiの記事を読んだ後。

---

私はHungarian notationは非常に人気の命名規則であることを信じるように導かいます。また、マイクロソフトから推奨され使用されているコンベンションであると確信しています。

最も重要なことは一貫性があると思います。あなたは大会を選び、それに固執するべきです。

Answer 3

あなたとあなたの同僚は、使用するフォーマットを決めるべきではありません。接頭辞はハンガリー表記のようなものです。しかし、私はそれが本当に好きではありません。名前が明確でわかりやすいものであることを確認してください。

Answer 4

明らかにハンガリー表記ではありません。

意味のあるHTML http://en.wikipedia.org/wiki/Semantic_HTMLを使用することをお勧めします。これは、HTMLコードを読みやすくするためです。