html5 struttura con un titolo e un testo

Question

Provo ad applicare i nuovi elementi html5. Se la pagina è molto semplice con un h1 e un testo non sono sicuro di quale sia il modo migliore di farlo da un punto di vista semantico, come riflettere correttamente la struttura della pagina.

1. Se il testo è ad esempio la filosofia della società (o sulla pagina o la squadra ...) suppongo che non è corretto utilizzare l'articolo, è che ok? (in quanto questo non è inteso per essere distribuibile o riutilizzabile in modo indipendente, ad esempio syndication) in questo caso, dovrebbe essere solo un div?

2. Ha senso avvolgere l'h1 e il div con una sezione? Non sembra molto utile se ci fosse solo una sezione nella pagina.

Quindi, qual è il modo più corretto per delineare una pagina con solo un titolo e un testo?

<h1> Title </h1> 

<div id="content"> 
    <p> text, text, text... </p> 
</div> 

Answer 1

Vorrei eliminare completamente il div e utilizzarlo solo quando necessario. Ciò fornirebbe la rappresentazione semanticamente corretta di un titolo e di paragrafi semplici.

<h1>Title</h1> 

<p>Some text...</p> 

avrei guardo a partire dai più semplici semantica HTML e quindi la ricerca di ogni elemento di layout HTML5 e pensare a come potrebbe essere applicato alle tue pagine. Non provare a mettere tutto in un nuovo elemento HTML5. Alcune cose come barre di navigazione, articoli, diapositive, citazioni, ecc. Sono facili da individuare e aggiungere dello zucchero semantico a.

Se stai costruendo pagine dinamiche che possono sfruttare layout o pagine master, puoi inserire il tuo layout principale nella pagina principale (intestazione, piè di pagina, navigazione, ecc.), Questo può consentire alle tue pagine di essere molto semplici .

È possibile utilizzare div s per un layout a più colonne oppure esaminare una delle griglie dinamiche fornite da un framework di front-end come Bootstrap o Foundation.

Answer 2

penso che non hai bisogno di elementi HTML5, ma solo perché la domanda chiede per loro per me l'elemento più appropriato per il caso sarebbe:

<details open="open"> 
    <summary>Title</summary> 
    <p>Text text text text text text text</p> 
</details> 

Answer 3

Un section è una sezione generica e è assolutamente utile nel tuo esempio per chiarire che la direzione appartiene al paragrafo:

<section> 
    <h1> Title </h1> 
    <p> text, text, text... </p> 
</section> 

non v'è alcuna ragione per la semantica div. Ma se ne hai bisogno, tienilo.

Anche qui è possibile utilizzare un elemento article anziché section. Come hai detto, dovrebbe essere "riutilizzabile". Se segui la filosofia della tua azienda è possibile che tu voglia riutilizzarla da qualche parte (social network o qualcosa del genere). Penso che soddisfi la definizione di un articolo. Tuttavia, questa domanda è sempre una questione di interpretazione.