---
title: "Den stora tipstråden: Så använder du (X)HTML och CSS på bästa sätt"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/111259-den-stora-tipstråden-så-använder-du-x-html-och-css-på-bästa-sätt/page3"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "K@llen"
published: "2004-09-09T22:14:12.000Z"
updated: "2010-04-11T06:16:33.000Z"
replies: 59
views: 35644
page: 3
pages: 3
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/111259-den-stora-tipstråden-så-använder-du-x-html-och-css-på-bästa-sätt"
---

# Den stora tipstråden: Så använder du (X)HTML och CSS på bästa sätt

_Sida 3 av 3._

## #41 — sl0k, 2006-05-31T08:55Z

> **m_soderlund skrev:**
>
> När vi väl snackar Firefox-tillägg så är [Html Validator](http://users.skynet.be/mgueury/mozilla/) grym.

<http://www.webforum.nu/showthread.php?p=1057972#post1057972>    :)

Permalänk: https://www.webforum.nu/p/1822004

## #42 — K@llen, 2006-07-22T23:23Z

Jag har tidigare slått ett slag för serien Head First xxxx. Min första kontakt med serien var Head First Java. Det var nog den första boken i serien nu när jag tänker efter.

Nu jag jag inte låta bli att tipsa om samma serie, fast med inriktning på XHTML och CSS: [Head First HTML with CSS & XHTML](http://www.oreilly.com/catalog/hfhtmlcss/)

Mycket imponerade bokformat och pedagogik. Hela serien är toppklass! :)

Permalänk: https://www.webforum.nu/p/1844115

## #43 — jarvklo, 2006-08-30T21:13Z

Rekommenderar Tommy Olssons "[Frequently Asked Questions About XHTML vs HTML](http://www.sitepoint.com/forums/showthread.php?t=393445)", på sitepoint

Permalänk: https://www.webforum.nu/p/1859804

## #44 — itpastorn, 2007-02-08T10:16Z

Vägledningen 24-timmarsmyndigheten

En utmärkt resurs på svenska! Gratis!

Avsedd som riktlinje för myndigheter, men den funkar kanonbra också för den vanlige webbutvecklaren: <http://purl.org/net/vl24h>

Den länken går alltid till senaste versionen.

Bara att läsa rubrikerna på kapitel tre gör dig till en bättre webbutvecklare:

3\.3 Grundkonstruktion
  3\.3.1 Följ standarder
  3\.3.2 Utveckla webbplatsen enligt en standard snarare än för en webbläsare
  3\.3.3 Skapa en design som fungerar oavsett fönster- och skärmstorlek
  3\.3.4 Separera innehåll från design – använd externa stilmallar för att styra presentation och layout
  3\.3.5 Webbplatsen ska kunna användas även om stilmallarna inte kan tolkas
  3\.3.6 Använd flexibla måttenheter
  3\.3.7 Gör inte webbplatsen beroende av javaskript
  3\.3.8 Använd metadata på så många sidor som möjligt
  3\.3.9 Använd metadata för sökmotorinstruktioner
  3\.3.10 Använd inte ramar
  3\.3.11 Använd inte tabeller för layout
  3\.3.12 Webbadresser (URL:er) ska vara bokmärkningsbara i webbläsaren
  3\.3.13 Utnyttja webbläsarnas inbyggda funktioner för att hantera utskrift
  3\.3.14 Basera inte viktig funktionalitet på Flash eller andra format som kräver insticksprogram
  3\.3.15 Låt bakåtknappen fungera
  3\.3.16 Användandet av webbplatsen ska vara oberoende av inmatningsenhet
  3\.3.17 Skapa snabbkommandon för viktiga funktioner
  3\.3.18 Ge webbplatsens innehåll en logisk tabbordning
  3\.3.19 Gruppera och skapa möjlighet att hoppa förbi delar på sidorna
  3\.3.20 Använd inte rörelser i gränssnittet
  3\.3.21 Använd inte flimmer och blinkningar
  3\.3.22 Testa kodkvaliteten

<http://www.verva.se/web/t/VLChapter____3340.aspx>

Lars Gunther

Permalänk: https://www.webforum.nu/p/1933501

## #45 — Adestro, 2007-02-20T23:25Z

Tipsar om boken "Beginning CSS Web Development: From Novice to Professional" från Apress:
<http://butik.pagina.se/FB_Produkt.asp?art=1590596897>

En väldigt pedagogisk bok för den som kommer från HTML/XHTML och ska lära sig CSS.

Permalänk: https://www.webforum.nu/p/1936266

## #46 — jarvklo, 2007-08-10T22:25Z

Praktisk sammanställning av alla (X)HTML-element

Lars Gunther har gjort en praktisk sammanställning över vilka element som ingår i vilken (X)HTMLversion och försett den med kommentarer om bl.a. vettiga kodningsvanor ("best practices"), sökmotoroptimering ("SEO") och användbarhet/tillgänglighet.

<http://keryx.se/resources/html-elements.pdf>

Permalänk: https://www.webforum.nu/p/2013476

## #47 — jarvklo, 2007-09-16T21:44Z

[Här är en jämförelse till](http://www.w3.org/2007/09/dtd-comparison.html) \- denna gång är den från W3C och kanske lite mer fokuserad på "mobil XHTML", men den största skillnaden mot tidigare jämförelser är att den även tar med attributen för varje element (vilka då naturligtvis också skiljer sig mellan olika (X)HTML-versioner)

Permalänk: https://www.webforum.nu/p/2028814

## #48 — itpastorn, 2008-03-14T18:38Z

Ännu en bra checklista om standarder och "best practice": <http://www.maxdesign.com.au/presentation/checklist.htm>

Permalänk: https://www.webforum.nu/p/2088184

## #49 — itpastorn, 2008-03-14T18:42Z

Och en helt ny webbplats med massor av råd, nyheter och riktlinjer. <http://webstandards.govt.nz/> Bättre än Verva?

Permalänk: https://www.webforum.nu/p/2088186

## #50 — jarvklo, 2008-03-30T10:45Z

Vad man bör tänka på (och varför) när man planerar och implementerar en site gås igenom på sisådär en tre minuter i ett något annorlunda format här: <http://www.thatstandardsguy.co.uk/blog/2008/03/30/design-coding/>

Word!

Permalänk: https://www.webforum.nu/p/2094657

## #51 — icaaq, 2008-04-16T18:45Z

Många använder font-size: 62.5% på body för att få 10px att utgå ifrån. Internet Explorer Klarar dock inte av halva procentenheter så då måste man luras lite...

<http://www.icaaq.com/2008/04/16/how-to-fix-internet-explorer-rounding-font-size-bug/>

mv icaaq

Permalänk: https://www.webforum.nu/p/2101410

## #52 — jarvklo, 2008-07-11T23:25Z

Två nya, bra, resurser som dykt upp därute:

<http://reference.sitepoint.com/>  \- Sitepoints referensverk över HTML och CSS. Indexerat, exemplifierat, förklarat och korslänkat (och kanske lite modernare än W3Schools?)

<http://www.opera.com/wsc/> \- Opera Web Standards Curriculum, en aktuell (och vettig) kurs i modern webbteknik

Permalänk: https://www.webforum.nu/p/2125367

## #53 — gröngöling, 2009-04-01T09:25Z

Ny fråga om class=&quot;centrering&quot;

Hej! 
Nyörjare undrar varför nedanstående kodning inte validerar hos validator.w3.org 
(Bry er inte om innehållet - jag har bytt ut text, bild, - utan se kodningen). 

Det har att göra med "p" (?) och slut-tagg, något fattas, vad?  
 
\<p class="centrering"\> 
\<img src="bla bla1.gif" alt="beskrivande text" /\>
\</p\>
\<br /\>
\<a href="http://www.bla bla.org/"\> 
Länk till bla bla\</a\>
\</p\> 

Tack för snabbt svar.

Permalänk: https://www.webforum.nu/p/2177313

## #54 — Okkido, 2009-04-01T09:28Z

> **[gröngöling skrev:](https://www.webforum.nu/p/1462545)**
>
> Hej! 
> Nyörjare undrar varför nedanstående kodning inte validerar hos validator.w3.org 
> (Bry er inte om innehållet - jag har bytt ut text, bild, - utan se kodningen). 
> 
> Det har att göra med "p" (?) och slut-tagg, något fattas, vad?  
>  
> \<p class="centrering"\> 
> \<img src="bla bla1.gif" alt="beskrivande text" /\>
> \</p\>
> \<br /\>
> \<a href="http://www.bla bla.org/"\> 
> Länk till bla bla\</a\>
> \</p\> 
> 
> Tack för snabbt svar.

Skapa en egen tråd istället för att förstöra denna.

Titta på din kod. Ser du inte vad som är fel så bör du nog studera HTML innan du fortsätter. Du har ett \</p\> sist av allting, men den börjar ingenstans. Du borde kunna få samma resultat genom att ta bort din \<br /\> och ersätta den med \<p\>.

Permalänk: https://www.webforum.nu/p/2177316

## #55 — gröngöling, 2009-04-01T09:50Z

Tack...

Tack för snabbt svar och ursäkta att jag förstörde denna tråd.  

Jo jag håller på att läsa på om HTML; det är också därför jag titulerar mig som nybörjare. Dessvärre ökade felen hos validator från 3 till 11 när jag gjorde de ändringar du föreslog. Så det var inte rätt råd. Vänligen G

Permalänk: https://www.webforum.nu/p/2177320

## #56 — voigtann1, 2009-04-01T09:56Z

Skapa en ny tråd, och bifoga länk eller mer kod (gärna all kod) för att få reda på vad du gör för fel.

<http://www.webforum.nu/forumdisplay.php?f=12>

Permalänk: https://www.webforum.nu/p/2177322

## #57 — Blaze2009, 2009-11-10T11:38Z

Blogg mall/layout

Hej!!Jag skulle vilja veta hur grund koderna/dess språk ser ut från början till slut??Vill testa på själv o skriva en blogg mall/layout(personlig)Finns det någon grund man kan gå efter??Mvh Jonas

Permalänk: https://www.webforum.nu/p/2210957

## #58 — erciz, 2009-11-10T14:26Z

> **[Blaze2009 skrev:](https://www.webforum.nu/p/1487532)**
>
> Hej!!Jag skulle vilja veta hur grund koderna/dess språk ser ut från början till slut??Vill testa på själv o skriva en blogg mall/layout(personlig)Finns det någon grund man kan gå efter??Mvh Jonas

Kika lite på <http://www.w3schools.com/>

Permalänk: https://www.webforum.nu/p/2210978

## #59 — rakatoner, 2010-03-03T16:59Z

så mycket matnyttigt  om html  xhtml  css mm

surfar  läser o LÄR !!

<http://kaxigt.com/>

Permalänk: https://www.webforum.nu/p/2227310

## #60 — rakatoner, 2010-04-11T06:16Z

Firebug 1.5.3  - du kan markera  endel på en sida -den delen av koden  syns i en liten ruta  o sen kan du  prova att justera  koden  o direkt se  hur det ser ut layout mässigt - gillar du det - bara  gå in  o justera !  I am inlove  whit the bug !!
<https://addons.mozilla.org/en-US/firefox/addon/1843>

Permalänk: https://www.webforum.nu/p/2232866

---

Tråden på webben: https://www.webforum.nu/amne/html-css/111259-den-stora-tipstråden-så-använder-du-x-html-och-css-på-bästa-sätt/page3  
Föregående sida: https://www.webforum.nu/amne/html-css/111259-den-stora-tipstråden-så-använder-du-x-html-och-css-på-bästa-sätt/page2.md
