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

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

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

Uso corretto dell'elemento di paragrafo HTML

L'elemento paragrafo

è usato come coppia di tag con il 

 tag che apre l'elemento e il 

 tag chiudendolo. Nella scrittura HTML4 o HTML5, il tag di fine non è tecnicamente obbligatorio, ma è considerata una best practice chiudere questo tag. In XHTML, la chiusura è obbligatorio.

Utilizzi l'elemento paragrafo su un sito Web nello stesso modo in cui scrivi contenuti per esigenze fuori dal Web, quando vuoi iniziare una nuova idea o punto. La maggior parte dei browser visualizza i paragrafi con una riga vuota tra di loro. Ecco un paragrafo di esempio in HTML:

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

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

Uso corretto dell'elemento di interruzione di riga HTML

L'elemento di interruzione di riga
il 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 di riga forzata all'interno del flusso di testo della pagina web. Lo usi quando vuoi che il testo continui sulla riga successiva, ma il contenuto non è un'idea o un punto separato, il che lo renderebbe un altro paragrafo. Un esempio di ciò si verifica con la poesia in cui le interruzioni di riga sono generalmente 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 veloce volpe marrone saltò sul pigro cane addormentato.

Poiché il tag di interruzione di riga è un tag singleton, nessun altro tag può essere utilizzato al suo interno.

Errori comuni di

e
tag

Le persone che non conoscono la codifica commettono alcuni errori comuni con gli elementi di paragrafo e di interruzione di riga durante il markup di una pagina web.

• Usando
  per modificare la lunghezza di una riga di testo: L'uso del tag break nel tentativo di forzare la visualizzazione o l'interruzione del testo in un modo specifico garantisce che le tue pagine hanno un bell'aspetto sul tuo browser ma non necessariamente su un altro browser e certamente non su tutti dispositivi. Se il tuo sito è un sito web reattivo, cambia il suo layout in base alle diverse dimensioni dello schermo. Il browser inserisce automaticamente il ritorno a capo automatico e poi quando si tratta di
  tag, avvolge nuovamente il testo, risultando in linee corte e lunghe e testo instabile. Dovresti usare Fogli di stile CSS per dettare stili visivi invece di cercare di forzare il layout aggiungendo elementi HTML specifici.
• Usando per aggiungere spazio tra gli elementi: Ancora una volta, si tratta di utilizzare HTML per creare un layout visivo, in questo caso, la spaziatura, invece di utilizzare CSS. Questa è una pratica comune di alcuni editor HTML e, sebbene tecnicamente non sia sbagliata, risulta in un HTML dall'aspetto imbarazzante 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, utilizzando non-breaking spazi all'interno di tag di paragrafo altrimenti vuoti possono risultare spazi imprevisti in browser diversi, poiché tutti sembrano interpretarlo in modo diverso. La soluzione migliore per ottenere gli elementi di spaziatura necessari nel progetto è utilizzare i fogli di stile.