Ordinare i tuoi tag del titolo

Question

non ho trovato questa domanda, non esitate a chiudere se è già qui.

Quello che è il modo preferito per impostare i titoli in HTML?

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<div id="section1">
  <h1> Section 1 </h1>
  <h2> Subtitle </h2>
</div>
<div id="section2">
  <h1> Section 2 </h1>
  <h2> Subtitle </h2>
</div>

o

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<div id="section1">
  <h3> Section 1 </h3>
  <h4> Subtitle </h4>
</div>
<div id="section2">
  <h3> Section 2 </h3>
  <h4> Subtitle </h4>
</div>

... che significa ordinamento dall'alto, oa partire da H1 in ogni parte della pagina che è una sezione diversa (/ contenitore / barra laterale / altro).

Ci sono anche altri pratices là fuori. Così che uno preferisce? Lo fate anche in modo diverso, e se sì, come? C'è una pratica migliore là fuori? È questo SEO impattante? Quale è la più semantica?

---

Modifica : Sembra che le persone qui sono d'accordo sulla seconda soluzione. Questo è il mio parere, come pure, ma qui è il problema che mi portano a questa domanda: che cosa se voglio mettere un h3 nella parte principale

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<h3> Something else </h3>
<div id="section1">
  <h3> Section 1 </h3>
  <h4> Subtitle </h4>
</div>
<div id="section2">
  <h3> Section 2 </h3>
  <h4> Subtitle </h4>
</div>

Devo riscrivere tutte le sezioni? Questo potrebbe essere un intero sito web! E 'spesso piuttosto difficile sapere esattamente quanti sottotitoli si avrà in una sezione.

Tenete presente che le sezioni potrebbero essere barre laterali o qualcosa del genere in cerca totalmente diverso e un altro punto della pagina.

Answer 1

Credo che si dovrebbe avere un solo elemento H1 per documento, ma non sono sicuro se questa è una regola. Tuttavia, si tratta di qualcosa che io tendo a seguire.

Quindi, io voto per il secondo esempio che hai fornito, è più logico avere più H3 / H4, ecc elementi di molteplici elementi H1. Ciò implica la gerarchia che si sta cercando di trasmettere in un modo migliore.

Answer 2

Il motivo principale vorrei tendono ad utilizzare l'approccio H1-H4, piuttosto che H1-H2, stile H1-H2 è che io guadagno maggiore controllo sulla formattazione CSS. Se si desidera H1 e H3 per lo stesso aspetto, lo stile proprio in quel modo.

Il tuo HTML dovrebbe riflettere la struttura del documento, e sembra si intende per H3 e H4 ad essere sotto-argomenti ai livelli più alti. Così il codice in questo modo ... e usare i CSS per controllare il vostro aspetto attuale.

EDIT: Hai poca scelta in HTML4, ma con HTML5 è possibile utilizzare Sezione tag. Il vantaggio è che non ci sono informazioni circa il livello di sezione incorporato nel tag stesso. Utilizzare gli attributi di classe per impostare i nomi delle sezioni e si può inserire un nuovo livello facilmente definendo il nuovo attributo di classe (e forse rifare il CSS che va con le diverse classi di sezione).

In alternativa (stare con HTML4), prendere in considerazione che i contenuti in XML o un database e quindi utilizzare una lingua con i modelli per generare i tag H in modo dinamico. Se è necessario aggiungere un livello, quindi è possibile modificare il vostro codice del modello, una volta.

Answer 3

sezioni di intestazione specifico dovrebbe avere lo stesso peso in tutta la pagina. Se qualcosa è un H2 nella colonna di sinistra e qualcosa è un H2 nella colonna di destra, questi due elementi devono essere di uguale peso. Quindi non importa dove si trova o che cosa div sezione si trova, quanto sia importante è semanticamente.

Ho anche preferiscono avere un solo H1. Per quanto riguarda il SEO, specifici tag di intestazione non sono importanti quanto ha usato essere.

Answer 4

Credo che un buon modo di vedere le cose è proprio come se aveste un contorno fatto per il documento.

A. Principale Part       1. Molte sezioni
         un. Sezione 1
             1 bis.
sottotitolo b. Sezione 2
1b. Sottotitolo

Ogni elemento nella struttura sta per avere un diverso livello di importanza e le cose più importanti dovrebbe essere più evidente. Così, quando si tratta di dare le intestazioni dovrebbero avere un senso e ogni livello di importanza dovrebbero avere le proprie dimensioni dell'intestazione. Ecco perché mi piace il tuo secondo risposta migliore. Con dando ogni tipo di titolo propria dimensione di intestazione permetterà per un look più pulito e permettere uno stile di continuo. Questo sarà anche più facile per il lettore.