HTML: tres errores típicos

Saltos de Línea

Para agregar saltos de línea al contenido se utilizan las etiquetas <br></br>. Es una etiqueta vacía que no puede tener contenido. Por ser vacía no se utiliza de esa forma; sino que dependiendo de la versión de HTML se utiliza de la siguiente manera:

• HTML 4/HTML5: <br>
• XHTML/HTML5: <br /> 

Se recomienda usar la forma <br /> porque es la que ofrece mayor compatibilidad.

Según la especificación oficial de la etiqueta <br /> en HTML, la etiqueta debe ser utilizada cuando sea necesario insertar saltos de línea que sun parte del contenido. De otra manera se debe utilizar las etiquetas <p>...</p>, que definen párrafos independientes, o la que aplique.

Por ejemplo, la inclusión de saltos de línea para separar campos de formulario en líneas independientes es incorrecta:

      <p><label>Nombres:<input type="text" /></label><br />

      <label>Apellidos:<input type="text" /></label></p>

Siendo lo correcto, colocarlos en párrafos independientes:

      <p><label>Nombres:<input type="text" /></label></p>

      <p><label>Apellidos:<input type="text" /></label></p>

Espacios en Blanco

Los espacios en blanco (agregados con la tecla <espacio> desde el teclado, como los saltos de línea, no son significativos. Para agregarlos se utiliza la siguiente notación: &nbsp;.

Se recomienda no usar esta notación ya que hace menos legible el código. Se recomienda el uso de CSS para agregar espacios en blanco dentro de un párrafo.

Referencias de Caracteres

Es la manera en que podemos incluir ciertos caracteres "especiales" en un texto. HTML dispone de tres formas para agregar estos caracteres:

• Referencias de caracteres con nombre: "&nombre;"

      Donde "nombre" es un valor que hace referencia a un carácter especial. En HTML hay una tabla de caracteres especiales con sus referencias. Por ejemplo el valor "nbsp" hace referencia al carácter "espacio en blanco", "aacute" hace referencia a la "á". También tenemos: "amp" para "&", "quot" para "comillas dobles", "apos" para "comillas simples", "lt" para "menor que" y "gt" para "mayor que" entre otros.

• Referencias de caracteres con números decimales: "&#nnnn;"

      Donde "nnnn" es código unicode representado en un valor decimal que hace referencia a un carácter especial. En la tabla de caracteres especiales HTML además de las referencias con nombre están las referencias con códigos unicode. Ejemplo: con "&#0225" podemos representar la "á".

• Referencias de caracteres con números hexadecimales: "&#xnnnn;" ó "&#XNNNN;"

      Donde "x" o "X" indican que el valor numérico está expresado en el sistema hexadecimal o base 16 y "nnnn" o "NNNN" es el código unicode expresado con dígitos del "0" al "9" y letras desde la "A" hasta la "F" (mayúsculas o minúsculas).

Usar cualquiera de estas tres notaciones no generar error; pero hace que el código HTML sea más difícil de leer o mantener. Por ejemplo:

      <p>Este c&oacute;digo HTML est&aacute; escrito con referencias de caracteres con

     nombres y es muy dif&iacute;cil de leer<p>

      <p>Este c&#243;digo HTML est&#225; escrito con referencias de caracteres con

      n&#250;meros decimales y es muy dif&#237;cil de leer<p>

      <p>Este c&#xF3;digo HTML est&#xE1; escrito con referencias de caracteres con

      n&#xFA;meros hexadecimales y es muy dif&#xED;cil de leer<p>

Para mayor información puede consultar el siguiente vídeo: