L’ancora può “wrappare” elementi blocco in html5

The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links).

La specifica parla chiaro, in html5 le ancore possono wrappare elementi come paragrafi, liste, titoli o intere sezioni a patto che non ci sia nessun contenuto interattivo all’interno (per esempio button o ulteriori ancore). Eccovi un esempio:

<aside class="advertising">
 <h1>Advertising</h1>
 <a href="#">
  <section>
   <h1>Mellblomatic 9000!</h1>
   <p>Turn all your widgets into mellbloms!</p>
   <p>Only $9.99 plus shipping and handling.</p>
  </section>
 </a>
 <a href="#">
  <section>
   <h1>The Mellblom Browser</h1>
   <p>Web browsing at the speed of light.</p>
   <p>No other browser goes faster!</p>
  </section>
 </a>
</aside>
Vai all'archivio
Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github