Moderno HTML prescrive una matrice di tag semantici, uno dell'essere più comune DIV tag, che vengono utilizzati per organizzare e strutturare un documento. Essi sono elementi di blocco, il che significa che anche senza ulteriori istruzioni di formattazione, aggiungeranno le interruzioni di pagina prima e dopo il contenuto. Per il contenuto che non è logicamente separato dall'ambiente circostante, il tag SPAN è una scelta migliore.

Istruzioni

1

Considerare come una pagina per essere strutturato. Per esempio, ci potrebbe essere una sezione di navigazione, una sezione del corpo, una barra laterale, un piè di pagina e altro ancora. Ognuno di questi dovrebbe essere raggruppato in una propria unità logiche, indirizzabile con un tag DIV HTML.

2

Per ogni unità logica, creare un tag DIV. Ad esempio, tutti i contenuti del corpo sarebbero andato in un DIV che assomiglia a questo: < div id = "corpo" > Content Goes Here < / div > l'attributo id indica che ci dovrebbe essere solo un elemento body per pagina. Il < / div > è un tag di chiusura che ci dice l'etichetta è completo.

3

Capire che a volte un'unità logica è previsto che si verifichi più di una volta per pagina. Ad esempio, una voce della Rubrica potrebbe essere racchiuso in un tag DIV, e ci possono essere molti di questi sulla stessa pagina, tutto in stile allo stesso modo. In questo caso, viene utilizzato un attributo di classe anziché un attributo id: < div class = "voce" > Content Goes Here < / div >

4

Quando si utilizza un foglio di stile CSS per aggiungere stili ai tuoi tag, un tag DIV con gli attributi id è possibile accedere in modo diverso da un DIV con gli attributi di classe. Un DIV con gli attributi id viene fatto riferimento con un cancelletto, e un DIV con gli attributi di classe è preceduto da un periodo. #content {stili per DIV con id = "contenuto" Vai qui} .entry {stili per DIV con classe = "voce" Vai qui}