Lage en semantisk struktur for websider - dummies

Oppretting av semantisk relevante sider har vært god praksis på nettet siden lenge før iPad ble vist, men HTML5 bygger i spesialkoder til gjør det lettere å være konsekvent i hvordan du bruker semantikk når du designer websider.

Ideen om å lage semantisk relevante sider kommer fra oppfinneren av World Wide Web, Tim Berners-Lee, som forestilte en "web av data" som hadde mening eller semantikk >.

Å lage en nettside med semantisk struktur har lenge vært ansett som en god praksis fordi den gir nettsiden mer mening. I HTML4 og XHTML kan webdesignere lage en semantisk struktur ved å følge veletablerte regler med HTML-koder.

For eksempel skal den viktigste overskriften på en side formateres med overskriften 1 eller

. På samme måte definerer de fleste webdesignere nå klasse- eller ID-stiler for hoveddelene av et nettsted med navn som overskrift og bunntekst for å identifisere deres rolle og betydning på en side.

HTML5 tar dette konseptet et skritt videre ved å legge til en rekke nye semantiske elementer. Snarere enn å lage en klasse eller ID-stil og bruke den til en tag, i HTML5 kan du bare bruke tagger med navn som og.

I stedet for å bruke ID-stiler som, kan du bare bruke. På samme måte som koder, men ingen av de nye kodene gjør es noe, med mindre du definerer et sett med stilregler som samsvarer med navnet.

Bygg disse semantiske elementene i HTML5 gir designere en mer konsekvent måte å strukturere HTML-sider på og anbefales fordi det gjør websider mer tilgjengelige for alle som bruker en skjermleser til å lese websider høyt, som for søkebotter og andre programmer som må tolke innholdet på en nettside uavhengig av design.

Tenk på det på denne måten: Når du ser en nettside, kan du generelt fortelle av designet hvilken del av siden som er overskriften (det har navigasjonsområdet med linker) og som er footer (med opphavsrett og andre detaljer). Men ingen av bots, lesere og andre programmer som trenger å tolke nettsider, kan "se" designet, og det er en del av grunnen til at bruk av semantikk er viktig.

Den semantiske strukturen til en side kan være uavhengig av utformingen og plasseringen av innholdet, slik at du kan opprette en side som har betydning fordi gjenkjennelige deler utgjør en logisk struktur. For de besøkende som kan se siden, kan du utforme seksjoner, for eksempel topptekst eller bunntekst, for å vise hvilken som helst måte du vil ha i en nettleser.