Cuando se trata de aprender HTML, dos etiquetas que la mayoría de la gente aprende desde el principio son las etiquetas de párrafo y de salto de línea, que son

y
respectivamente. Estas etiquetas ponen rupturas naturales en su texto para que el contenido de su página web sea más fácil de leer. Aunque estas etiquetas son bastante fáciles de usar, también pueden causar confusión y ser mal utilizadas.

Uso correcto del elemento de párrafo HTML

El elemento de párrafo

se utiliza como un par de etiquetas con la etiqueta

abrir el elemento y la etiqueta

cerrarlo. Al escribir HTML4 o HTML5, la etiqueta final no es técnicamente necesaria, pero se considera una buena práctica cerrar esta etiqueta. En XHTML, el cierre es obligatorio.

El elemento de párrafo en un sitio web se utiliza de la misma manera que cuando se escribe contenido para necesidades fuera de la web – cuando se desea iniciar una nueva idea o punto. La mayoría de los navegadores muestran párrafos con una línea en blanco entre ellos. Aquí hay un párrafo de ejemplo en HTML:

Muchas otras etiquetas pueden aparecer entre las etiquetas de apertura y cierre de párrafo.

Uso correcto del elemento HTML Line Break

La etiqueta line break element
es una etiqueta singleton – no tiene etiqueta end. En XHTML, debe utilizar la etiqueta con una barra final (
), pero en HTML (incluyendo HTML5), no es necesario.

El elemento break es un salto de línea forzado dentro del flujo de texto de la página web. Lo usas cuando quieres que el texto continúe en la siguiente línea, pero el contenido no es una idea o punto separado, lo que lo convertiría en otro párrafo… Un ejemplo de esto ocurre con la poesía, donde los saltos de línea suelen ser fijos.

He aquí un ejemplo de un salto de línea dentro de un párrafo:

Debido a que la etiqueta line break es una etiqueta singleton, no se pueden usar otras etiquetas dentro de ella.

Usos incorrectos comunes de las etiquetas

Las personas nuevas en la codificación cometen algunos errores comunes con los elementos de párrafo y salto de línea al marcar una página web.

• Usando
  para cambiar la longitud de una línea de texto : Usando la etiqueta break en un intento de forzar que el texto aparezca o se rompa de una manera específica asegura que sus páginas se vean bien en su navegador pero no necesariamente en otro navegador y ciertamente no en todos los dispositivos. Si su sitio es un sitio web con capacidad de respuesta, cambia su diseño en función de los diferentes tamaños de pantalla. El navegador automáticamente pone un ajuste de palabras, y luego cuando se trata de la etiqueta
  , se envuelve el texto de nuevo, lo que resulta en líneas cortas y largas y texto entrecortado. Debe utilizar hojas de estilo CSS para dictar estilos visuales en lugar de intentar forzar el diseño añadiendo elementos HTML específicos.
• Usando

   /p> para agregar espacio entre elementos : Una vez más, esto se está convirtiendo a HTML para crear un diseño visual, en este caso espaciado, en lugar de usar CSS. Esta es una práctica común de algunos editores de HTML, y aunque no es técnicamente errónea, resulta en un HTML torpe y puede ser confuso editarlo más tarde. Tampoco está en línea con los estándares de la web y la separación de estructura y estilo. En algunos casos, el uso de espacios en blanco dentro de etiquetas de párrafo vacías puede resultar en espacios inesperados en diferentes navegadores, ya que todos parecen interpretar esto de manera diferente. La mejor solución para lograr los elementos de espaciado necesarios en su diseño es utilizar hojas de estilo.

Obtenga más información sobre estas y otras etiquetas en esta lista de etiquetas HTML.