Escribir un código en un formato ordenado y claro es el objetivo de los buenos desarrolladores. El código HTML suele ser largo y, por lo tanto, se recomienda construir una estructura limpia de los documentos HTML. La legibilidad y la reutilización del código HTML dependen del patrón de escritura del código. Esta publicación descriptiva ilustra buenas prácticas para escribir sintaxis HTML.
Sintaxis HTML buenas prácticas
Esta sección enumera varias prácticas que deben seguirse para un buen documento HTML.
Tipo de documento (DOCTYPE)
El tipo de documento debe estar allí en la parte superior del código para conocer el tipo de contenido. En HTML5, el siguiente texto debe escribirse en la parte superior del documento (o obtendría la estructura de forma predeterminada en los editores modernos):
Estructura de documentos
La estructura del documento de HTML debe seguirse para representar las páginas correctamente. Si no lo hace, es posible que tenga que encontrarle varios problemas de representación. A continuación se muestra una muestra de la estructura de documento de un HTML5:
Estructuración semántica
Los elementos semánticos proporcionan un significado adecuado de su uso como , ,
, etc. Siempre que escriba un código HTML, debe usar elementos semánticos, ya que proporcionan un propósito para su uso.
Título
Un título resume el contenido de su página en pocas palabras, por lo que se recomienda usar el título apropiado que define el contenido.
Metaetics
Se practican las metaetiquetas para comunicarse con el navegador o definir la capacidad de respuesta de la página web. La capacidad de respuesta se lleva a cabo utilizando el atributo de la vista de la vista como se muestra a continuación. También encontraría que el charset de la página web está configurado en UTF-8 (que le dirá al navegador el charset que se está utilizando).
Optimizar su código
Un documento HTML puede ser muy complejo, por lo que se sugiere que debe buscar oportunidades de optimización limitando el número de elementos en una página.
Sangría
La sangría en HTML no producirá ningún error, sin embargo, afectará la legibilidad del documento. Por lo tanto, la sangría debe usarse correctamente siguiendo las etiquetas de apertura y cierre de manera adecuada.
Comentario
Para una mejor usabilidad del código HTML, los comentarios juegan un papel vital en la transmisión del propósito del código. Los comentarios HTML se pueden usar de la siguiente manera:
Etiquetas minúsculas
HTML5 es un lenguaje insensible al caso, pero sería una buena convención usar letras minúsculas para los elementos HTML.
Etiquetas de cierre
Varios editores de código le permiten finalizar la etiqueta que se inicia. Sin embargo, si el editor no proporciona el soporte, debe asegurarse de que la etiqueta de cierre para evitar cualquier error de ejecución.
Nombres de archivos
Si una URL como ("https: // www.Linuxhint.com/”) no contiene ningún nombre de archivo al final, entonces se accede al nombre de archivo predeterminado (especificado por el servidor). Debe buscar el nombre de archivo predeterminado especificado por el servidor (generalmente es índice.html) y configure el servidor en consecuencia.
Estilos
Los estilos en línea se pueden agregar dentro de un elemento HTML donde el CSS externo contiene formatos de estilo en un archivo externo. En el caso del estilo masivo, los estilos en línea o internos pueden crear un desastre que resulta en mala visibilidad del código. De la discusión, está claro que el CSS externo sería beneficioso en todos los aspectos.
Colocación de un archivo CSS
Se puede colocar un archivo CSS en cualquier parte del código, pero se recomienda agregar el archivo CSS dentro de la etiqueta. La colocación del archivo CSS en la etiqueta del cabezal ayudaría a cargar la página más rápido.
Validación
La validación del código es bastante necesaria para evitar cualquier error de ejecución. Entonces, en lugar de esperar la finalización del código, debe seguir validando el código por tiempo.
Conclusión
Se puede crear un documento HTML siguiendo varias prácticas. Sin embargo, si el formato es ordenado y claro, sería fácil reutilizar y leer el código. Este artículo ilustra las buenas prácticas de la sintaxis HTML. Estas prácticas incluyen etiquetas en minúsculas, título, estilos, una estructura de documentos sistemática, optimización del código, sangría, comentarios, metaetiquetas. Tiene múltiples posibilidades de escribir código HTML, pero se recomienda seguir las prácticas proporcionadas aquí para que el documento HTML sea legible y reutilizable.
