Deze pagina toont voorbeelden van de onderwerpen in het Handboek HTML5 en CSS3. Elk hoofdstuk heeft zijn eigen webpagina. Die pagina is een uitbreiding van de voorgaande, waarbij de concepten van het bijbehorende hoofdstuk zijn toegevoegd. De eerste pagina's zien er daardoor 'ruw' uit (zeg maar lelijk). Opmaak met CSS komt pas aan bod vanaf hoofdstuk 4. (Toegegeven, er is gesmokkeld. De breedte van de body is beperkt om de tekst leesbaar te houden.)
Hoofdstuk 2
Paginastructuur
5 juni 2013
De hoofdstukken en paragrafen uit het boek vindt u hier terug als artikelen, zoals in een blog. Elk hoofdstuk is een sectie in dit document; elk onderwerp staat in een afzonderlijk artikel. Bij deze opzet is de structuur van een pagina helder. In de broncode zijn de elementen terug te vinden: section, header, article enzovoort. Gebruik een van de outlinehulpmiddelen om de structuur (outline) van deze pagina te bekijken.
In de broncode ziet u dat elke onderdeel begint met een h1. Toch ziet u in de browser verschil in grootte. Door de gestructureerde opbouw van het document 'snapt' de browser dat een volgende kop een lager niveau representeert en geeft deze daarom kleiner weer. Het effect werkt niet als de aside bijvoorbeeld een kop 2 zou hebben; die wordt groter weergegeven. Dat hier ook haken en ogen aan zitten leest u in het artikel in Smashing Magazine.