¿Citas atributos HTML5? [cerrado]

Resuelto ryanve asked hace 13 años • 5 respuestas

Las comillas de atributos son opcionales en HTML5 .

¿Cuáles son los pros y los contras de citarlos?

id=example                     <!--quotes optional-->
href=http://example.com        <!--quotes optional-->
class="example example-1"      <!--quotes required due to space-->
href="http://example.com/p=47" <!--quotes required due to '=' sign-->

Actualización: Ventajas agregadas basadas en las respuestas:

Ventajas de citar todos los atributos:

  • todos los editores pueden manejarlo adecuadamente
  • mas consistente
  • mejor portabilidad (más fácil de cambiar el tipo de documento)
  • más fácil de mantener (especialmente si los atributos pueden quedar vacíos)
  • cambios más fáciles de "buscar y reemplazar"
  • documento más limpio (si cree que las comillas mejoran la legibilidad)
  • ?

Ventajas de omitir comillas opcionales:

  • tamaño de archivo ligeramente reducido
  • Documento más limpio (si prefieres texto mínimo)
  • ?
ryanve avatar Jun 27 '11 22:06 ryanve
Aceptado

Soy partidario de utilizar siempre comillas.

  • Se ve mucho más limpio y consistente.

  • Todos los editores pueden manejarlo adecuadamente.

  • Es más fácil de mantener: puede editar valores sin romperlos porque faltan comillas.

No vale la pena mencionar los pocos bytes que ahorra en el tamaño del documento al colocar comillas donde no son necesarias (a menos que sea la página de inicio de Google).

 avatar Jun 27 '2011 15:06

Cito todos los atributos y continuaré haciéndolo. Principalmente porque distingue visualmente dónde comienza y termina el valor del atributo.

Además, tiene sentido por motivos de portabilidad y compatibilidad. Aunque las comillas son opcionales en HTML[5], no lo son en XHTML. Tiene mucho trabajo tedioso que hacer si necesita convertir sus documentos a XHTML (por ejemplo, para mostrar SVG en los navegadores Webkit). Realmente no necesitamos sacar a relucir el debate entre XHTML y HTML, pero parece muy poco complicado no citar sus atributos.

Guardar unos pocos bytes en el cuerpo del documento es casi insignificante cuando descargas kilobytes y kilobytes de imágenes y bibliotecas de JavaScript.

Courtney Christensen avatar Jun 27 '2011 15:06 Courtney Christensen

Yo diría que debido a que en algunos casos se requieren comillas, debes usarlas de manera consistente. Esto hace que su código sea más limpio y más fácil de leer. Cambiar entre ellos simplemente crea una confusión innecesaria.

shanethehat avatar Jun 27 '2011 15:06 shanethehat

Creo que una de las ventajas de citar todos los atributos es la coherencia.

Si estás citando algunos (con espacios o ciertos símbolos), me parece mejor citarlos todos.

 avatar Jun 27 '2011 15:06