соглашения об именах для HTML-элементов

Question

У меня есть общий запрос относительно названия элементов HTML.

Я видел в прошлых разработчиках размещение префиксов перед id их html-элементов, например, для элемента div -> dvMyDiv

Я видел сочетание регистров при именовании элементов. Аналогично присвоению имени классам элементов.

Так что мне интересно, есть ли какой-нибудь стандарт или соглашение, какие элементы HTML должны быть названы? Какой корпус? Должны ли они иметь префиксы и т.д?

Я работаю с веб-формами asp.net, 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>

Answer 2

Не существует стандарта, который вы и ваши коллеги должны решить, какой формат вы хотите использовать, и придерживаться его.Приставки - это своего рода венгерская нотация.Но мне это не очень нравится.Просто убедитесь, что имена понятны и наглядны.

Answer 3

Определенно не венгерская запись.

Я бы порекомендовал использовать семантический HTML http://en.wikipedia.org/wiki/Semantic_HTML, поскольку он облегчает чтение вашего HTML-кода.

Answer 4

ПЕРЕСМОТРЕНО: После прочтения статьи в Вики кажется, что многие очень известные разработчики и Microsoft больше не рекомендуют венгерскую нотацию.

---

Я склонен полагать, что Венгерская нотация - очень популярное соглашение об именах.Кроме того, я считаю, что это рекомендуемое и используемое соглашение от Microsoft.

Полагаю, самое важное - это последовательность.Вы должны выбрать соглашение и придерживаться его.