Strukturerad kod: koda vad du menar, mena vad du kodar
Att skriva själva CSS-koden är enkelt, att använda CSS till att göra sidlayouter kräver en något annorlunda sätt att tänka än de flesta av oss förmodligen är vana vid.
Hellre än att se saker som "detta kommer här och detta kommer där" medan vi jobbar med en sida eller en layout, behöver vi tänka på typen av information på vår sida och på strukturen på den informationen.
Vi ger den viktigaste rubriken en <h1>
-tagg; underrubriker märks upp med <h2>
-taggar, etc.; och stycken som just stycken.
Detta är vad som brukar kallas för "strukturell" eller "semantisk" kod.
Istället för att placera innehållet i tabeller och tabellceller, slå in det i div
-element. Ge div
-elementen ett id
eller en class
som beskriver dess innehåll och/eller funktion, snarare än dess framträdande.