Design på én uge!

Brugervenlighed, CSS, DHTML, HTML, Javascript, PHP, Praktiske projekter, Teknisk Teori, XHTML No Comments »

Jeg er stadig ikke helt tilfreds med designet på bloggen. Det betyder ikke så meget at den grafiske WOW-effekt ikke er der. Det der er vigtigt for mig er at siden er nem at overskue. Det synes jeg ikke selv den er. Derfor vil jeg fortsat eksperimentere med designet indtil jeg synes den del sidder i skabet.

Den næste uges tid vil jeg tage jer med på turen i den proces jeg gennemgår hver gang jeg laver ændringer i designet.
Læs resten af dette indlæg »

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • Bumpzee
  • del.icio.us
  • Facebook
  • Furl
  • Mixx
  • NewsVine
  • Reddit
  • StumbleUpon
  • YahooMyWeb
  • Google

Xhtml standarden

HTML, XHTML No Comments »

Efter gårsdagens gennemgang af doctype’s for xhtml og html synes jeg det er på sin plads at gennemgå xhtml standarden. Som udgangspunkt er koden ikke rigtig anderledes en almindelig html kode. Det der er afgørende er formen. Hvis man virkelig skal prøve at beskrive hvad der differentierer xhtml fra html er det at det minder meget mere om xml.

Ok, er forvirringen total nu? Hvis den ikke er så tillykke du har virkelig et stort nørd potentiale og det siger jeg i den absolut bedste mening.

Definitioner tak!

Jo, du har ret. Der bliver slynget en masse forkortelser og begreber rundt i luften. Lad os lige bruge et par minutter på at definere de forskellige begreber.

  • Html eller Hypertext Markup Language. Det er betegnelsen for den teknologi vi indtil nu har benyttet til at strukturere data på nettet.
  • Xml står for Extensible Markup Language. Xml bruges til at strukturere data. Ikke kun på hjemmesider, men alle mulige steder. Det kan f.eks. også bruges i et tekst behandlingsprogram som Microsoft Word.
  • Xhtml betyder Extensible Hypertext Markup Language. Det kan det samme som ganske almindelig html, men skal lave op til de krav der er for xml.

Hvilke krav stiller xml så til xhtml?

Det stiller hovedsageligt nogle krav til formen. Xml skal nemlig være well-formed. Det betyder at du ikke må undlade at afslutte dine tags. Du skal også sørge for at strukturen er korrekt. Det vil sige at du skal huske at afslutte dine tags i xhtml i den korrekte rækkefølge. Xhtml tillader heller ikke at du skriver tags og attributter med store bogstaver.

Virker det som en stor mundfuld. Bare rolig. det er ikke så slemt. Hvis du gerne vil skifte til xhtml kan det være en idé at starte med at skrive alle tags og attributter med små bogstaver. Væn dig til altid at afslutte dine tags korrekt. Det er under alle omstændigheder en god idé. Især hvis du gerne vil have valideret din kode.

Jeg tror på at xhtml er fremtiden på nettet. Derfor er det den standard jeg vil prøve at leve op til. Hvis du gerne vil vide mere om xhtml så er W3Schools som altid et rigtigt godt sted at starte.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • Bumpzee
  • del.icio.us
  • Facebook
  • Furl
  • Mixx
  • NewsVine
  • Reddit
  • StumbleUpon
  • YahooMyWeb
  • Google

Husk korrekt doctype

HTML, XHTML No Comments »

Inden vi går i dybden med doctype begrebet vil jeg fortælle en lille historie. Jeg har en kollega der gjorde en opdagelse. Den lyder med hans egne ord sådan.

Doctype i html dokumenter har åbenbart en betydning. Man skal huske at få den med og når man har husket den er det vigtigt at der ikke er nogen fejl i den.

Han havde lavet en enkel lille stavefejl i doctype erklæringen. Den fejl indebar at alt indholdet på siden blev centreret. Det var ikke særligt heldigt og så helt ærligt ikke særlig kønt ud. Det er ikke helt ligegyldigt hvilken erklæring du bruger.

Html og xhtml

i dag vil de fleste sider være kodet i enten html 4.01 eller i xhtml 1.0. Der er flere ligheder mellem de to standarter end der er forskelle. Til gengæld er det vigtigt at du er opmærksom på forskellene. Hver af de to standarder har flere doctype erklæringer du kan vælge imellem. Hvilken doctype du vælger afhænger meget af kravene til din hjemmeside og hvor stringent du ønsker at følge standarderne. Det er på sin plads lige at remse de gængse doctype erklæringer op.

Først tager vi lige html 4.01

  • <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
  • <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
  • <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>

Og så tager vi lige xhtml 1.0

  • <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
  • <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  • <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

Som du kan se ligner de hinanden rigtigt meget. Udover at de gælder for hver sin standard er der nogle andre meget vigtige forskelle inden for den enkelte standard. Hvis du vælger den der hedder strict sikrer du dig at browseren fortolker din kode efter den givne standard. En loose doctype betyder at browseren selv prøver at rette eventuelle fejl i din kode. Frameset doctypen skal du udelukkende bruge hvis du benytter dig af frames på din hjemmeside og det kan jeg bestemt ikke anbefale. Når der bliver lavet nye versioner af standarderne er der nogen gange koder der udgår. Når de er udgået vil de ikke længere virke i en strict doctype. Hvis du bruger den doctype der hedder transitional vil det stadig virke.

Hvilken doctype anbefaler jeg?

Det spørgsmål er faktisk sværere end man skulle tro. Det optimale vil selvfølgelig være at bruge den strikse doctype, der holder standarderne. Det er dog ikke altid lige nemt som mine kvaler med de to kolonner har vist.

Som udgangspunkt vil jeg mene at alle former for layout skal kunne lade sig gøre inden for standarderne. Det kræver bare en smule kreativitet. Derfor vil jeg anbefale dig at bruge strict som doctype. På den måde lærer du også at kode i forhold til standarderne. Det er ikke altid lige nemt, men det er der jo heller ikke nogen der har sagt det ville være.

God fornøjelse og husk doctype elementet.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • Bumpzee
  • del.icio.us
  • Facebook
  • Furl
  • Mixx
  • NewsVine
  • Reddit
  • StumbleUpon
  • YahooMyWeb
  • Google
WP Theme & Icons by N.Design Studio | SEO | Silver Cross Jewelry | Online Marketplace | B2B | Blogging | Barter | Entries RSS Comments RSS Log in