convenciones de nomenclatura para elementos html

Question

Tengo una consulta general sobre el nombre de los elementos html.

que he visto en los últimos desarrolladores Depositar un prefijo antes de la identificación de sus elementos HTML por ejemplo, para un elemento div -> dvMyDiv

he visto una mezcla de carcasa al nombrar elementos. Similar a la asignación de nombre a las clases de elementos.

Así que me pregunto ¿hay alguna norma o convención con respecto a qué elementos html se deberían nombrar? ¿Qué carcasa? ¿Deberían tener prefijos, etc.?

Estoy trabajando con formularios web asp.net, html5, css3 y jquery, así que me gustaría algún tipo de estándar para nombrar convenciones que pueda compartir con otros desarrolladores.

Answer 1

Estoy de acuerdo con la coherencia: si ya tiene una convención, apéguese a ella.

Sin embargo, si usted hace una nueva convención, este tipo de notación húngara puede ser una muy mala idea porque no es para nada SECO. Por ejemplo, el nombre de la etiqueta es <div> y luego el nombre de su clase dice nuevamente que es un div. Si cambia de usar <div> a <section> s, su código estará desactualizado o tendrá que cambiar todos los nombres de clase también (posiblemente en HTML, CSS y JavaScript). Dado que puede orientar las clases utilizando código como div.classname, no agrega absolutamente ningún valor.

Una mejor idea es nombrar las cosas según el tipo de contenido que incluyen. Por ejemplo, en un blog, puede usar HTML de esta manera:

<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

REVISADO: Después de leer el artículo de Wiki parece que muchos desarrolladores muy conocidos y Microsoft ya no recomiendan Notación húngara.

---

me lleva a creer que Hungarian notation es una convención de nombres muy populares. Además, creo que es la convención recomendada y usada de Microsoft.

Supongo que lo más importante es la consistencia. Debe elegir una convención y atenerse a ella.

Answer 3

No existe un estándar en el que usted y sus colegas decidan qué formato desea utilizar y se quede con él. La cosa de los prefijos es una especie de notación húngara. Pero realmente no me gusta. Solo asegúrate de que los nombres sean claros y descriptivos.

Answer 4

Definitivamente no la notación húngara.

Recomendaría usar HTML semántico http://en.wikipedia.org/wiki/Semantic_HTML ya que hace que su código HTML sea más fácil de leer.