Las siguientes son algunas reglas básicas que se deben seguir a la hora de desarrollar páginas web:
- Las etiquetas siembre deben estar cerradas. No se deben dejar elementos cuya definición comience con una etiqueta y no se coloque la respectiva etiqueta de cierre. Ejemplo:
<p>Esto es incorrecto. Falta la etiqueta de cierre.
<strong>Esto también es incorrecto. Falta la etiqueta de cierre.
<p>Esto es correcto. Tiene la etiqueta de apertura y la de cierre.</p>
<strong>Esto también es correcto.<strong>
- Los elementos anidados también deben estar correctamente definidos. Al anidar elementos colocamos una etiqueta de apertura y debemos cerrar esta definición antes de cerrar una definición previa. La última etiqueta de apertura debe ser la primera en cerrar.
<p>Esto es incorrecto. <strong>Las etiquetas de cierre están invertidas.</p></strong>
<p><strong>Esto es correcto.</strong> Las etiquetas de cierre están en el orden correcto.</p>
- Se recomienda que las etiquetas sean escritas en minúsculas. Esto es algo opcional; sin embargo, según mi percepción, la mayoría las usa en minúsculas, por lo que será más cómodo y natural para otra persona que necesite consultar el código, si las etiquetas están en minúscula. Pero, como indiqué, queda a criterio del desarrollador.
<p>Etiquetas en minúscula</p>
<strong>Etiquetas en minúscula</strong>
<P>Etiquetas en mayúscula</P>
<STRONG>Etiquetas en mayúscula</STRONG>
- Se recomienda que los valores de los atributos siempre estén entre comillas simples o dobles. Aunque hay versiones de HTML que permiten que los atributos no lleven comillas, la página web podría ser procesada por un navegador cuya versión de HTML sí lo requiera y los resultados no sean los esperados.
<p class=no_recomendable>
<p class="recomendable">
<p class='recomendable'>
- Se recomienda que para nombrar a nuestras páginas web hagamos uso de los caracteres del "0" al "9", letras mayúsculas "A" a la "Z", letras minúsculas de la "a" a la "z", el guión "-" y el carácter de subrayado "_". Se podrían usar otros caracteres; pero en algunas versiones de HTML no están permitidos y lo que se desea es que nuestra página web funcione sin problemas en la mayor cantidad posible de navegadores.
- La extensión a usar en las páginas web debe ser ".htm" o ".html".
- Ya se indicó el uso obligatorio de las etiquetas <title>....</title>. Con ellas especificamos el título de la páginas. Es importante y necesario colocar un título acorde con el contenido de la página por las siguientes razones.
- El título es usado por los navegadores para identificar los resultados de una búsqueda.
- Un buen título ayuda a mejorar el posicionamiento de la página en la web.
- El título de la página se muestra en las pestañas de nuestro navegador cuando tenemos varias páginas abiertas.
- El título de la página se usa como valor por defecto cuando queremos almacenar la dirección de la página web en la sección de marcadores o favoritos de nuestro navegador. Un buen título ayuda a identificar rápidamente la página web de entre los marcadores y favoritos almacenados.
Para mayor información puede consultar el siguiente vídeo:
