En html e codigo debe de ser ordenado llimpio y coerente, asi su lectura sera facilitada a todos aquelos que lo leen
Voy a tratar de dar unos consejos para que eso se produzca
Lo primero, saber el tipo de documento
tendremos que poner siempre en la primera linea el tipo de documento
Ejemplo del codigo
...
Nombres de los elementos
Los nombres de los elementos deben escribirse en minusculas
No se debe mezclas mayusculas y minusculas
Cerrar los elementos
Los elementos html se deben cerrar siempre, exceptos los elementos vacios que no tienen cierre como br
Atributos en minusculas
çLos atributos de html se pueden mezclar entre mayusculas y minusculas, no entanto es recomendable usar siempre minusculas
Citar atributos
Los valores de los atributos deben ser siempre citados con "Comillas" que pueden ser simple o duplas
Si hay que citar vários atributos se pone comilla dupla al inicio y al final, y adentro de estas se deben usar comillas simples, asi podremos referenciar cual es cual
alt en las imagenes
En las imagenes, el atributo alt debe llevar el nombre de la image, asi se un dia nos quedamos sin conexion, podremos saber a que image se refere
una buene pratica es poner los atributos width y height en las imagenes
esto nos reduce el palpadeo de la imagen a la hora de cargar dicha pagina, porque el espacio de la image ya lo tenemos reservado
Signo de igual (=)
Muchas veces dejamos espacios entre un numero y el signo igual.
El navegador lo interpreta igualmente, pero por estetica y simplicidad es una buena pratica no dejar espacios ni delante ni atras de este signo
Lineas de codigo largas
Tambien cuando escribimos nuestro codigo es recomendable escribir lineas de codigo cortas
tambien no debemos dejar espacios o sangrias sin razon aparente
elemento tittle
El elemento tittle es obligatotio, no lo omita
este elemento muestra el titulo del documento en la barra del navegador, si lo omitimos no sabemos de que se trata el documento
Etiquetas html y body
Si escribes un documento sin esas dos etiquetas, el navegador interpreta de la misma manera el documento, pero es recomendable usar siempre esas etiquetas
No entanto si omitimos cualquier una de las dos etiquetas, podemos producir errores o bloqueamentos en navegadores mas antiguos
Omitir cabeza "header"
De la misma forma que en el ejemplo anterior el navegador interpreta nuestro documento pero no es recomendable
Ademas no esquecer que entre esa etiqueta header van nuestros meta y links
Cerrar elementos vacios
Es opcional cerrar o no los elementos vacios
Metadatos
Los metadatos nos reportan informacion muy importante
Por ejemplo el metadato de codificacion de caracteres no lo debemos olvidar <meta charset="UTF-8">
tambien el de configuracion de la ventana grafica es muy importante
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Comentarios
Los comentarios cortos deben escribirse en una sola linea
Los comentarios que ocupen mas de una linea deben escribirse de la seguinte manera
Hojas de estilo
Estas hojas tambien se deben vincular con el documento en la cabecera
<link rel="stylesheet" href="styles.css">
javascripts
Igual que los estilos se deben vincular en la cabecera
<script src="myscript.js">
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias