OK per avere testo in div senza tag di paragrafo?

Question

Sto cercando di capire l'utilità del tag <p>. Voglio scrivere meno HTML, e sono sempre per semplificare le cose in generale, ma sento di aver sentito qualcuno menzionare che per scopi SEO o chiarezza o qualcosa del genere, tutto il testo dovrebbe risiedere all'interno di un tag di paragrafo? Sembra solo un altro set di margine/padding/border/css business da gestire. Non passerò una specie di strumento per sfilacciare?

<div> 
    Cheerio, worldie! 
</div> 

Vs:

<div> 
    <p>Hello, world!</p> 
</div> 

Answer 1

Sì, è ok per utilizzare un elemento <div> senza <p>.

A <p> direi che il testo all'interno di un elemento <div> è diviso in paragrafi, quindi se il testo è suddiviso in paragrafi, è necessario utilizzare <p>; d'altra parte, un <p> cannot contain elements other than so-called phrasing content; quindi non puoi avere un <div> all'interno di un <p>.

Answer 2

Da un punto di vista semantical, è sempre avere il contenuto inserito all'interno di contenitori di significato.

Ad esempio, è possibile creare un elenco di elementi (ad esempio, un elenco delle cose da fare) come questo:

<div> 
    - Buy groceries<br> 
    - Clean my room<br> 
    - Learn HTML 
</div> 

Ma questo solo sembra come una lista, ma da un punto semantico di vista, è solo testo semplice, come gli elementi <div> non hanno alcun significato semantico (sono pensati solo per essere usati a scopo di impaginazione).

Una corretta lista semantica assomiglia a questo:

<ul> 
    <li>Buy groceries</li> 
    <li>Clean my room</li> 
    <li>Learn HTML</li> 
</ul> 

Ora davvero è una lista.

Quindi: perché questo è importante? ottimizzazione dei motori di

• Ricerca: Macchine per leggere sul suo sito web (ad esempio, ricerca indice crawler di Google) sarà sanno che si tratta di una lista e può reagire di conseguenza. Questo è più comprensibile quando si guardano i titoli: un elemento <h1> sarà trattato dai motori di ricerca con maggiore importanza rispetto a un elemento <b> (che non ha alcun significato semantico).
• Accessibilità: Il software di assistenza (ad esempio lettori di schermo per non vedenti o ipovedenti) può indicare che si tratta di un elenco e che gli utenti possono spostarlo di conseguenza (ad esempio, saltare da una voce alla successiva).

Quindi la regola generale è che si dovrebbe sempre pensare a che tipo di contenuto che si desidera presentare all'utente: è un elenco (un <ul> o <ol> elemento)? È un testo (uno o più elementi <p>)? È un titolo (un elemento <h1> a <h6>)? Ciò consente a tutti i tipi di lettori di interpretare i tuoi contenuti in modo più approfondito.

Quindi mentre da un punto di vista tecnico il testo è assolutamente valido a nudo <div> elementi (che non contengono alcun significato semantico), dal punto di vista di un contenuto è assolutamente necessario utilizzare gli elementi <p> durante la visualizzazione del testo sul proprio sito. E poiché tutti i siti Web riguardano il loro contenuto, dovresti seguire questa regola a fondo.