2012-01-16 15 views
8

Pregunta: Si cierro ninguna etiqueta HTML de esta manera (incluyendo la propiedad id):etiqueta de cierre con la propiedad ID

<div id="tagid" >...more html 
... 
</div id="tagid" > 

va a afectar a la página, o no le va a gustar, o interrumpir cualquier regla del W3C ... ¿cómo puedo decirlo ... afectará de alguna manera?

¿Por qué?: Simplemente preferencia personal.
En lugar de escribir comentarios adicionales junto a la etiqueta, simplemente agrego la identificación para ayudarme a saber QUÉ etiqueta está cerrada -La etiqueta está cerrada de cualquier forma, así que supongo que no hará nada (o eso creo)

PS. Para su información, soy un principiante

+0

Ah, dicho sea de paso, sé que sería demasiado pedir, pero ¿podría agregar una documentación que explique por qué o por qué no rompería mi código? -Para evitar la especulación – Omar

+0

Ver mi edición ahora mismo @Omar –

Respuesta

12

No, esto es no es válido.

Si bien es posible que no rompa su código, podría hacerlo.

Usted sólo debe utilizar los comentarios

</div> <!-- closing main content div -->


Después de comprobar, esta

<div></div id="tagid" >

se rompe en el validador

http://validator.w3.org/#validate_by_input


Aunque no se menciona específicamente como ilegal, la especificación HTML sólo menciona attributes como aparecer dentro de la etiqueta de inicio:

propiedades

Los elementos pueden tener asociados, llamados atributos, que pueden tener valores (por defecto , o establecido por autores o scripts). Los pares de atributos/valores aparecen antes del final ">" de la etiqueta de inicio de un elemento. Cualquier cantidad de pares de valores de atributo (legales), separados por espacios , pueden aparecer en la etiqueta de inicio de un elemento.

http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.2

+0

FWIW, la especificación de HTML5 dice que es un error. Específicamente, dice "Cuando un token de etiqueta final se emite con atributos, eso es un error de análisis". – Alohci

2

aquí cómo cerrar un div:

<div id="tagid" ></div> 

si quieres reconocer que la etiqueta termina simplemente puede añadir un comentario:

<div id="tagid" > 
    ... 
</div><!-- Tagid Ends here --> 
1

En atributos HTML/XML sólo se pueden colocar en la etiqueta inicial de un elemento. Está produciendo html no válido.

1

Citando mi otra respuesta en stackoverflow:

Recientemente tener que realizar el mantenimiento de código antiguo, he encontrado que el uso de comentarios al final de una etiqueta div realmente lo hizo difícil comente grandes secciones de código gracias a HTML no tener etiquetas de comentarios encajables.Entonces, adquirí el hábito de modificar los comentarios en espacios ocultos al final de grandes divisiones de bloque.

<div class="modal fade" id="dialog_edit_group"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      ...HTML content here... 
     </div><span title=".modal-content" HIDDEN></span> 
    </div><span title=".modal-dialog" HIDDEN></span> 
</div><span title=".modal #dialog_edit_group" HIDDEN></span> 
<!-- 
<div class="modal fade" id="dialog_edit_group_OLD"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      ...HTML content here... 
     </div><span title=".modal-content" HIDDEN></span> 
    </div><span title=".modal-dialog" HIDDEN></span> 
</div><span title=".modal #dialog_edit_group_OLD" HIDDEN></span> 
--> 

puse el atributo HTML 5 "ocultos" en lo que si hay otros modifican y añadir el texto, por alguna razón, el contenido por lo general se quedarán ocultos. Lo hice TODO CAPS para que se destacara un poco más como para gritar "¡COMENTAR AQUÍ!". Sí, crea un elemento DOM que ahora debe ser actualizado por el navegador, pero es un pequeño precio a pagar durante el desarrollo intenso del sitio web activo.

El uso de "comentarios end div" como tal cumple con el estándar HTML, me da una mayor legibilidad y me permite usar la etiqueta de comentario HTML para deshabilitar los bloques grandes de la página para ayudar en el desarrollo. Tal vez sea útil para otros también.

Cuestiones relacionadas