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árrafo y salto de línea, que son 

 y 
respectivamente. Estas etiquetas colocan 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 el 

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

Utiliza el elemento de párrafo en un sitio web de la misma manera que lo hace cuando escribe contenido para necesidades fuera de la web, cuando desea 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 acudan en ayuda de su país. El veloz zorro marrón saltó sobre el perezoso perro dormido.

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

Uso correcto del elemento de salto de línea HTML

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

El elemento de salto es un salto de línea forzado dentro del flujo de texto de la página web. Lo usa cuando desea que el texto continúe en la siguiente línea, pero el contenido no es una idea o un 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.

A continuación, se muestra 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 veloz zorro marrón 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.

Malos usos comunes del

y
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.

• Utilizando
  para cambiar la longitud de una línea de texto: El uso de la etiqueta de ruptura en un intento de forzar la aparición o ruptura del texto de una manera específica garantiza que sus páginas se ven muy bien en su navegador, pero no necesariamente en otro navegador y ciertamente no en todos dispositivos. Si su sitio es un sitio web adaptable, cambia su diseño en función de diferentes tamaños de pantalla. El navegador coloca automáticamente el ajuste de palabras, y luego, cuando se trata de
  etiqueta, envuelve el texto nuevamente, lo que resulta en líneas cortas y líneas largas y texto entrecortado. Deberías usar Hojas de estilo CSS para dictar estilos visuales en lugar de intentar forzar el diseño agregando elementos HTML específicos.
• Utilizando para agregar espacio entre elementos: Una vez más, se está recurriendo 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 incorrecta, da como resultado un HTML de aspecto extraño y puede ser confuso editarlo más tarde. Tampoco está en consonancia con los estándares web y la separación de estructura y estilo. En algunos casos, el uso de no rotura espacios dentro de las etiquetas de párrafo vacías, de lo contrario, pueden producirse 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.