Corsi on-line

Utilizzo dell’elemento div in HTML5

div è un elemento molto particolare all’interno del markup, esso infatti è stato concepito per definire un componente generico nella struttura di una pagina; nello stesso modo esso può fare riferimento alla natura del proprio contenuto tramite l’utilizzo di identificatori e classi, ma nel passaggio tra HTML4 e HTML5 le caratteristiche del div non sono cambiate (così come la sua definizione), quindi esso continua a non avere in sostanza alcun significato a livello semantico.

Logo HTML5

Detto ciò e considerata la disponibilità in HTML5 di nuovi elementi come per esempio article, aside e section, l’utilizzo di div all’interno del markup è ancora giustificabile? La risposta è comuque positiva, div potrà essere impiegato tranquillamente proprio in virtù della sua genericità, distinguendosi dalle altre componenti di pagine che possiedono una maggiore rilevanza in termini semantici.

div rimane quindi un contenitore per il flusso dei contenuti (flow content), concetto che in HTML5 corrisponde a quello di block-level content elements in HTML4, lo sviluppatore dovrà però essere abbastanza attento da evitare di utilizzare div quando al suo posto potrebbe essere introdotto un elemento semanticamente più appropriato; a questo proposito si analizzi il codice proposto di seguito:

<body>
  <div id="wrapper">
    <header>
      <h1>Blah Blah</h1>
      <nav>
        <!-- .. A - B - C .. -->
      </nav>
    </header>
    <!-- ... Blah! Blah! Blah! Blah! ... -->
  </div>
</body>

Nel caso specifico, l’elemento body continua ad essere il wrapper naturale per i contenuti, mentre div rappresenta un top-level container per la stilizzazione del sito Web.

Per approfondire

Post correlati
I più letti del mese
Tematiche