En
el siguiente vídeo se muestran tres errores (confusiones o malas prácticas) que
hasta gente que lleva muchos años creando páginas web comete de vez en cuando:
- Saltos de línea.
- Espacios en blanco.
- Referencias de caracteres (caracteres especiales).
Video:
HTML; tres errores típicos
Después
de ver este vídeo esperamos que tú no cometas estos errores.
Saltos de línea
En
HTML no está permitido más de un elemento blanco (espacios, tabuladores, saltos
de línea) separando cualquier elemento o texto, todos estos son convertidos a
un único espacio blanco y el resto se omiten en la representación del
documento.
Generalmente
el código se separa para que su lectura sea más fácil. Una página web se puede
escribir en una sola línea o separando el código y se visualizara igual en
ambas formas.
Para
insertar un salto de línea se usa la etiqueta <br></br> pero al se
una etiqueta vacía nunca se verá escrita así. La forma correcta es:
html
4……. <br>
xhtml
….…<br/>
En
html 5 se puede usar cualquiera de las dos pero es aconsejable la segunda por
compatibilidad con xhtml y xml.
Y ¿Cuándo
se debe insertar un salto de línea en un texto?
Si
se consulta la certificación oficial del lenguaje html 5 y buscamos la etiqueta
<br/> veremos la siguiente advertencia:
“El
elemento <br/> se debe usar únicamente para insertar saltos de línea que
son parte del contenido”, como en un poema o una dirección. Los párrafos independientes
se escribirán como párrafos independientes, es decir con la etiqueta
<p></p>
<html>
<head>
<title>Ejemplo de saltos de linea</title>
</head>
<body>
<p>Este primer párrafo está bien escrito.</p>
<p>Este segundo párrafo sí que contiene saltos
<br/>
de <br/>
línea <br/>
y otro tipo de espaciado y está MAL escrito</p>
</body>
</html>
Espacios en blanco
En el ejemplo anterior vemos la
línea - y otro
tipo de espaciado y está MAL escrito</p> -
esos espacios en blanco se visualizarán como un solo espacio, entonces:
¿Cómo se introducen varios
espacios en blanco entre dos palabras?
En html existe una referencia
de carácter “ ”
Las referencias caracteres es
un mecanismo que ofrece html para introducir caracteres que de otra forma no se
podrían incluir, todas estas referencias empiezan con el carácter “&” y termina con “;” o sea: “&nombre;”
Todos los detalles al completo están en el video.
 que hasta gente que lleva muchos años creando páginas ...){kind=link}
0 comentarios
Publicar un comentario en la entrada.