Creació de salts de línia i paràgrafs amb les etiquetes P & BR

Pel que fa a l'aprenentatge d'HTML, dues etiquetes que la majoria de la gent aprèn des del principi són les etiquetes de paràgraf i de salt de línia, que són

i
respectivament. Aquestes etiquetes posen salts naturals al vostre text perquè el contingut de la vostra pàgina web sigui més fàcil de llegir. Si bé aquestes etiquetes són bastant fàcils d'usar, també poden causar certa confusió i ser mal usats.

Ús correcte de l'element de paràgraf HTML

L'element de paràgraf

s'utilitza com a etiqueta amb el

etiqueta que obre l'element i la

etiqueta que la tanca. En escriure HTML4 o HTML5, l'etiqueta final no és tècnicament necessària, però es considera una bona pràctica per tancar aquesta etiqueta. A XHTML, el tancament

es requereix.

Utilitza l'element de paràgraf d'un lloc web de la mateixa manera que ho fa quan escriu contingut per a necessitats fora de la web: quan vulgueu iniciar una nova idea o punt. La majoria dels navegadors mostren paràgrafs amb una línia en blanc entre ells. Aquí hi ha un paràgraf d'exemple a HTML:

Ara és el moment de que tots els homes bons puguin ajudar al seu país. El guineu marró ràpid va saltar sobre el gos dormit.

Moltes altres etiquetes poden aparèixer entre les etiquetes d'obertura i tancament de paràgraf.

Ús correcte de l'element HTML Break Line

L'element de trencament de línia
L'etiqueta és una etiqueta de singleton: no té cap etiqueta final. A XHTML, heu d'utilitzar l'etiqueta amb una barra final (
), però en HTML (incloent HTML5), no és obligatori.

L'element break és un salt de línia forçada dins del flux de text de la pàgina web. L'utilitzeu quan vulgueu que el text continuï a la següent línia, però el contingut no és una idea o un punt separats, cosa que el converteix en un altre paràgraf. Un exemple d'això passa amb la poesia on normalment es resolen els salts de línia.

Aquí teniu un exemple d'un salt de línia dins d'un paràgraf:

Ara és el moment de que tots els homes bons puguin ajudar al seu país.
El guineu marró ràpid va saltar sobre el gos dormit.

Atès que l'etiqueta break line break és una etiqueta singleton, no es poden utilitzar altres etiquetes dins d'ella.

Mals comuns de la

i
Etiquetes

Les persones noves a la codificació cometen alguns errors comuns amb els paràgrafs i els elements de trencament de línies al marcar una pàgina web.

• Utilitzant
  per canviar la longitud d'una línia de text: L'ús de l'etiqueta de ruptura en un intent d'obligar el text a aparèixer o trencar d'una manera específica garanteix que les vostres pàgines es veuen molt bé al vostre navegador, però no necessàriament en un altre navegador i certament no en tots els dispositius. Si el vostre lloc és un lloc web sensible, canvia el disseny segons diverses mides de la pantalla. El navegador col·loca automàticament un embolcall de paraules i, a continuació, quan es tracta del
  etiqueta, torna a escriure el text, resultant en línies curtes i línies llargues i text escabroso. Heu d'utilitzar fulls d'estil CSS per dictar estils visuals en comptes d'intentar forçar el disseny afegint elements HTML específics.
• Utilitzantper afegir espai entre elements: Un cop més, això es dirigeix ​​a HTML per crear un disseny visual, en aquest cas, espai en comptes d'utilitzar CSS. Aquesta és una pràctica habitual d'alguns editors HTML i, tot i que no és tècnicament incorrecte, resulta un codi HTML poc complex i pot ser confús per editar-lo més tard. També no està en línia amb els estàndards web i la separació d'estructura i estil. En alguns casos, l'ús d'espais que no es trenquen dins d'etiquetes de paràgraf d'una altra manera buides poden generar espais inesperats en diferents navegadors, ja que tots semblen interpretar-ho de manera diferent. La millor solució per aconseguir els elements d'espaiat necessaris en el disseny és utilitzar fulls d'estil.

Obteniu més informació sobre aquestes i altres etiquetes en aquesta llista d'etiquetes HTML.