Bland de nya elementen i HTML5 finns nya semantiska element för struktur. Bland dessa finns <header> som denna text är skriven i. Header är till för att innehålla en rubrik med kanske lite ytterligare innehåll som t.ex. en logotyp.
<article> är till för ungefär vad det låter som. Det är tänkt att den skall innehålla ungefär en artikel i den klassiska benämningen, alltså innehåll som är strukturerat på sånt sätt att det är enkelt att flytta på det. Ett exemepel är hur <h1> - <h6> taggar beter sig. Om man har en sida som redan har en >h1> tag och sedan stoppar in en ny <article> som också innehåller en <h1> tag så kommer den som ligger inne i article agera som en >h2> tag. Den förskjuts alltså ett steg nedåt i relevans. Det kan ju hända att det finns vissa tekniska problem med att flytta en hel artikel till en helt annan sida t.ex. relativa länkar.
<section> är en indelning som har en enkel regel och den är att det ska finnas en rubrik av någon typ inom den. Tanken är att man ska använda section när det inte är logiskt att använda <article> eller <aside>.
<details>
är till för att dölja visst innehåll i väntan på input från användaren. Inom <details> så har man en <summary> tag som då representerar det som syns innan användar har klickat på det. Det är värt att notera att än så länge så stödjer bara Google Chrome denna funktion. Så för att använda denna tag gör man på följande:
