4 nye semantiske tips

Etter at jeg postet forrige post, tenkte jeg at jeg skal gjøre dette så ofte jeg kan, og lage en serie av artikler som jobber for å forbedre semantikken i dokumenter og sider over hele nettet. I alle fall til leserne av denne bloggen.

  1. Bruk ol til å markere kommentarfeltene dine. Det vil bli logisk oppbygd med tanke på at det er en kronologisk oppbygging av det. Først har du navn, så url/hjemmeside og e-post, deretter kommer det hovedsteget kommentaren. Rekkefølgen kan selvfølgelig være anderledes, men det var bare et eksempel. Du skal selvfølgelig i tillegg bruke fieldset/label og alle andre semantiske oppbygginger for form. Dette med å bruke en ordnet liste, er generelt for alle form, ikke bare for kommentar felt. Også registrering, søk, nyhetsscript osv.
  2. Snakker du om kode, kan du bruke var til å definere variabelnavn. Det gir brukeren informasjon om at det virkelig er et variabelnavn. Eksempel: <var>my_variable</var>. Også her kan du bruke lang-attributten, som snakket om forrige post.
  3. Bruk kbd til å definere tastatur-knapp/kombinasjon. Skriver du en guide til hvordan du kan gjøre en ting med hurtigtaster, kan du vise brukeren at dette er tastaturknapper du snakker om ved å bruke kbd-tagen. Eksempel på bruk er <kbd>SHIFT + ALT + V</kbd>.
  4. Bruk dfn til å definere en definisjon/uttrykk/et term. Om man kommer med ukjente uttrykk som ikke er en del av dagligdags tale, også gjerne kjent som faguttrykk kan man bruke dfn-elementet til å vise dette til brukeren. Eksempel på bruk er <dfn lang="no">object orientert programmering</dfn>

Det var dagens semantiske tips, med noen kanskje ukjente elementer. Husk at du kan bruke standard attributter på disse.

3 responser om “4 nye semantiske tips”

  1. Flott artikkel, men jeg har vanskelig for å tro at og er ofte brukt, ihvertfall blant de som ikke er profesjonelle.

    Jeg visste heller ikke om før jeg leste denne artikkelen. Takk!


  2. Hver dag en lærer noe nytt om semantisk HTML er en god dag :) Innser at jeg må lage meg et semantisk cheat sheet så jeg har sjans til å huske alt. Takk for gode tips!


  3. Å bruke ordnet liste til kommentarfelt er noe som brukes ofte av “profesjonelle”, og bruker det selv på alle kommentarfelt og forms jeg lager. Det blir semantisk korrekt.

    Når det kommer til de andre tag-ene som jeg har skrevet om, blir de sjeldnere brukt - men det betyr ikke at du ikke trenger å bruke de. Det vil bli mer og mer viktig å skrive semantisk kode, etterhvert som det kommer nye nettlesere til handicapede, som blinde og svaksynte.


Legg igjen respons

Fyll ut alle felt markert med *

Brukerinformasjon
  1. Kan bruke følgende html: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> og [html] [css], [mysql] og [php] Hold posten ren og fin!

    Siter valgt tekst

E-post-varsel uten å skrive kommentar.

Info om posten

Innlegget ble postet 19.04.07 00:12 og ligger under kategorien CSS / (X)HTML. Du kan abonnere på kommentarene ved å bruke RSS 2.0 feed. Du kan legge til kommenter, eller trackback fra din blogg/side.

Resurser

Arkiver

Metainfo


Siste Flickr-bilder

  • Commentsystem (20070308)
  • Ukraina Aksjonen 2006 (20070306)
  • Mikael Brevik blogg (20070306)
  • Mikael Brevik (20070306)
  • Brukerdefinert side - AVIS2 (20070306)
  • Brevik Webutvikling (20070306)
  • skyscraper
  • visittkort