Semantisk riktig bruk av XHTML

Dette er en post om hva de forskjellige elementene skal brukes til for semantisk riktig XHTML. Et logisk strukturert XHTML-dokument får du ved å bruke <h1>-elementet til hovedoverskriften i dokumentet, <p>-elementet for blokker med tekst, <blockquote>-elementet hvis du siterer noen osv.

Først når du har XHTML-strukturen bør du begynne å bruke CSS for å lage den visuelle presentasjonen av dokumentet du ønsker.

Overskrifter <h1>-<h6>

Overskriftselementer brukes til overskrifter. Ikke bruk <strong>, CSS eller andre metoder for å skille overskrifter fra resten av teksten.

Paragrafer <p>

Paragrafer er blokk-lag-elementer som brukes til å beskrive blokker med tekst. Et p-element kan ikke inneholde andre blokk-lag-elementer som f.eks.

Linjeskift <br />

Linjeskift kan erstattes av riktig bruk av CSS og andre elementer som p-elementer og liste-elementer som ul, ol og li.

Uthevet skrift <strong>

Uthevet skrift indikerer gjerne at den markerte teksten er viktigere enn teksten rundt. Et eksempel kan være at <strong>denne teksten er enda viktigere</strong enn denne teksten.

Skråstilt tekst <em>

Kursiv tekst brukes ofte for å markere trykk i en setning. Som for eksempe: "Det kan du da ikke <em>mene</em>!

Sitert tekst <blockquote>

Når du skal sitere en person bruker du <blockquote>. F. eks:

De som aldri har gjort en feil, har aldri prøvd noe nytt.

Lister <ul>, <ol> og <li>

Lister brukes til å liste ting som er naturlig å liste opp. F. eks. en handleliste.

1. <ul>

2. <li>Tomater</li>

3. <li>Agurk</li>

4. <li>Egg</li>

5. </ul>

vil se slik ut:

• Tomater
• Agurk
• Egg

Denne listen er på langt nær komplett. Den er laget for at personer som bruker publiseringsløsninger skal få en bedre forståelse av hva de faktisk gjør på når de skriver innhold til nettsider.