Creación de saltos de línea y párrafos con las etiquetas P y BR

Cuando se trata de aprender HTML, dos etiquetas que la mayoría de las personas aprenden desde el principio son las etiquetas de párrafos y saltos de línea, que son

y
respectivamente. Estas etiquetas ponen cortes naturales en su texto para que el contenido de su página web sea más fácil de leer. Si bien estas etiquetas son bastante fáciles de usar, también pueden causar cierta 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 el

etiqueta que abre el elemento y la

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

es requerido.

Utiliza el elemento de párrafo en un sitio web de la misma manera que lo haces al escribir contenido para necesidades fuera de la red, cuando quieres comenzar 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 muestra en HTML:

Ahora es el momento de que todos los hombres buenos vengan a ayudar a su país. El zorro marrón rápido saltó sobre el perezoso perro dormido.

Pueden aparecer muchas otras etiquetas entre las etiquetas de párrafo de apertura y de cierre.

Uso correcto del elemento de salto de línea HTML

El elemento de salto de línea
tag es una etiqueta singleton, no tiene etiqueta final. En XHTML, debe usar la etiqueta con una barra inclinada final (
), pero en HTML (incluido HTML5), no es obligatorio.

El elemento break es un salto de línea forzado dentro del flujo de texto de la página web. Lo usa cuando quiere 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 generalmente son fijos.

Aquí hay un ejemplo de un salto de línea dentro de un párrafo:

Ahora es el momento de que todos los hombres buenos acudan en ayuda de su país.
El zorro marrón rápido saltó sobre el perezoso perro dormido.

Debido a que la etiqueta de salto de línea es una etiqueta singleton, no se pueden usar otras etiquetas dentro de ella.

Los abusos comunes de

y
Etiquetas

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

• Utilizando
  para cambiar la longitud de una línea de texto: El uso de la etiqueta de ruptura en un intento de forzar que el texto aparezca o se rompa de una manera específica garantiza 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 sensible, cambia su diseño en función de diferentes tamaños de pantalla. El navegador coloca automáticamente el ajuste de texto y luego, cuando se trata de
  etiqueta, envuelve el texto nuevamente, resultando en líneas cortas y largas y en texto entrecortado. Debe usar hojas de estilo CSS para dictar estilos visuales en lugar de intentar forzar el diseño agregando elementos HTML específicos.
• Utilizandopara agregar espacio entre elementos: Una vez más, esto se está convirtiendo en 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 incorrecto, resulta en un HTML de aspecto extraño y puede ser confuso editarlo más tarde. Tampoco está en línea con los estándares web y la separación de estructura y estilo. En algunos casos, el uso de espacios sin interrupciones dentro de las etiquetas de párrafos vacíos puede dar lugar a espacios inesperados en diferentes navegadores, ya que todos parecen interpretar esto de manera diferente. La mejor solución para lograr los elementos de separación necesarios en su diseño es usar hojas de estilo.

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