Gammal vs. ny teknik vid hemsidebygge

Här kommer ett inlägg som väldigt grundläggande beskriver hur man använder sida av CSS när man skapar hemsidor.

Förr var det ytterst vanligt att man kodade hemsidor enbart i HTML, och inte separerade hemsidans utseende (grafiska element) från struktur. Taggar som t.ex <font> och <width> hör till utseendet och inte till strukturen på sidan. Dessa taggar ska du i största möjliga mån undvika att ha med i dina HTML-filer. Det som är struktur är tabeller, tabellrader och -kolumner. Numera används dock div:ar i större utsträckning. Och dessa kan se ut såhär:

Hur denna div sedan ser ut styrs via en CSS-fil (ex. style.css) och den kan se ut såhär i detta fall:

.hogerkolumn {width: 200px; background-color: #FFFFFF; font-family: Arial,Tahoma,Verdana;}

CSS-filen länkar du in i HTML-filen genom att använda dig av denna kodsnutt (som placeras mellan <head>-taggarna)

<link href=”style.css” mce_href=”style.css” type=”text/css” rel=”stylesheet”>

Genom att separera utseende från struktur så får du en mer lättuppdaterad hemsida. Om du har alla mått på de olika elementen i din CSS-fil så slipper du uppdatera varje HTML-sida när du vill göra ändringar. Ytterligare en positiv effekt är att webbläsarna visar din sida snabbare eftersom det är enklare för dem att tyda din kodning.

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *