Creazione di interruzioni di riga e paragrafi con i tag P & BR

Quando si tratta di imparare l'HTML, due tag che la maggior parte delle persone apprende presto sono i tag di paragrafo e interruzione di riga, che sono

e
rispettivamente. Questi tag mettono interruzioni naturali nel testo in modo che il contenuto della pagina web sia più facile da leggere. Sebbene questi tag siano abbastanza facili da usare, possono anche causare confusione e uso improprio.

Uso corretto dell'elemento del paragrafo HTML

L'elemento paragrafo

è usato come una coppia di tag con il

tag che apre l'elemento e il

tag chiudendolo. Nella scrittura di HTML4 o HTML5, il tag di chiusura non è tecnicamente richiesto, ma è considerato una buona pratica chiudere questo tag. In XHTML, la chiusura

è obbligatorio.

Si utilizza l'elemento paragrafo su un sito Web nello stesso modo in cui lo si fa quando si scrive contenuto per esigenze fuori rete - quando si desidera iniziare una nuova idea o punto. La maggior parte dei browser visualizza paragrafi con una riga vuota tra loro. Ecco un esempio di paragrafo in HTML:

Ora è il momento per tutti gli uomini buoni di venire in aiuto del loro paese. La rapida volpe marrone saltò sul pigro cane che dormiva.

Molti altri tag possono apparire tra i tag di apertura e chiusura del paragrafo.

Uso corretto dell'elemento Line Break HTML

L'elemento di interruzione di riga
tag è un tag Singleton - non ha tag di fine. In XHTML, devi usare il tag con una barra finale (
), ma in HTML (incluso HTML5), non è richiesto.

L'elemento break è un'interruzione forzata della linea all'interno del flusso di testo della pagina web. Lo si utilizza quando si desidera che il testo continui nella riga successiva, ma il contenuto non è un'idea o un punto separati, il che lo renderebbe un altro paragrafo. Un esempio di ciò si verifica con la poesia in cui le interruzioni di riga sono in genere fisse.

Ecco un esempio di interruzione di riga all'interno di un paragrafo:

Ora è il momento per tutti gli uomini buoni di venire in aiuto del loro paese.
La rapida volpe marrone saltò sul pigro cane che dormiva.

Poiché il tag di interruzione di riga è un tag Singleton, al suo interno non possono essere utilizzati altri tag.

Usi comuni del

e
tag

Le persone nuove alla codifica commettono alcuni errori comuni con gli elementi di interruzione di paragrafo e di linea quando si segna una pagina web.

• utilizzando
  per cambiare la lunghezza di una riga di testo: L'utilizzo del tag di interruzione nel tentativo di forzare la visualizzazione o l'interruzione del testo in un modo specifico garantisce che le pagine risultino eccezionali sul browser, ma non necessariamente su un altro browser e certamente non su tutti i dispositivi. Se il tuo sito è un sito web reattivo, cambia il suo layout in base alle diverse dimensioni dello schermo. Il browser mette automaticamente a capo le parole, e poi quando si tratta di
  etichetta, avvolge nuovamente il testo, risultando in linee corte e lunghe e testo mosso. Dovresti usare fogli di stile CSS per dettare stili visivi invece di provare a forzare il layout aggiungendo specifici elementi HTML.
• utilizzandoper aggiungere spazio tra gli elementi: Ancora una volta, questo si sta trasformando in HTML per creare un layout visivo, in questo caso spaziatura, invece di usare CSS. Questa è una pratica comune di alcuni editor HTML e, anche se non è tecnicamente sbagliata, si traduce in un HTML dall'aspetto scomodo e può essere fonte di confusione da modificare in seguito. Inoltre, non è in linea con gli standard Web e la separazione tra struttura e stile. In alcuni casi, l'utilizzo di spazi non interrotti all'interno di tag di paragrafo altrimenti vuoti può comportare spaziature inaspettate in diversi browser, poiché sembrano interpretarli in modo diverso. La soluzione migliore per ottenere gli elementi di spaziatura necessari nel tuo progetto è usare fogli di stile.

Ulteriori informazioni su questi e altri tag in questo elenco di tag HTML.