---
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"
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: 1
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 1 av 3._

## #1 — K@llen, 2004-09-09T22:14Z

Hej hopp,

Sådana här trådar brukar vara givande. Precis som rubriken antyder är tråden till för tips och trix som handlar om (X)HTML och CSS.

Om jag ska börja måste jag slå ett slag för validatorn på W3C.org:

HTML:
<http://validator.w3.org/>

CSS:
<http://jigsaw.w3.org/css-validator/>

På så vis hittar du missar som är svåra att hitta på annat sätt. :)

Välkommen med dina tips!

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

## #2 — OlleBoop, 2004-09-10T19:43Z

1\. Skriv semantiskt korrekt kod, kolla gärna på Dan Cederholms <http://www.simplebits.com/bits/simplequiz/> för mer info.
När du validerar på K@llens länk här ovan, välj "Extended interface" och kryssa i "Show outline" så ser du sidan "semantiskt".

2\. Skriv inte en massa div:ar i onödan

```
<h1 class="superrubrik">Arne summerar</h1>
```

funkar lika bra som

```
<div class="superrubrik">
<h1>Arne summerar</h1>
</div>
```

3\. Listor går att använda till mycket mer än man tror!

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

## #3 — Web-Tor, 2004-09-11T08:16Z

Följ WAI:
<http://www.w3.org/WAI/>

Svenska översättning av WAI:
<http://www.w3c.se/resources/office/translations/>

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

## #4 — Tinwëlint, 2004-09-12T11:50Z

Ett bra tips för att kolla hur semantisk koden man skriver är (förutsatt att man använder css till all stil) är att slå av css-koden och titta på hur sidan ser ut då. Om den ser vettig ut då (t ex menyer är uppradade logiskt) så har man skrivit ganska semantiskt korrekt kod. Eftersom de flesta webbläsare när de inte får någon css-kod visar html-elementen efter deras riktiga betydelse. Detta är dock inget tvärsäkert sätt att säga om koden är semantiskt skriven.

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

## #5 — OlleBoop, 2004-09-21T07:23Z

Mycket bra artikel i ämnet av Roger Johansson, <http://www.456bereastreet.com/archive/200409/vanliga_misstag_inom_webbuteckling/>

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

## #6 — jarvklo, 2004-09-21T07:38Z

Passa på och läs <http://www.456bereastreet.com/lab/developing_with_web_standards/sv/>  också om ni ändå tittar förbi <http://456bereastreet.com> :birp

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

## #7 — supreme, 2004-09-21T07:53Z

Eftersom denna tråden kom in på WAI så tänkte jag att jag skulle tipsa om [Section 508](http://www.section508.gov/index.cfm)  som är ett amerikanskt initiativ inom samma område som WAI. Det som är trevligt är att det finns en validator för Section 508 som heter [Cynthia says](http://www.cynthiasays.com/). Dock tycker jag att den inte verkar fungera helt korekt men har inte kollat på den speciellt, när jag körde vår sida så sa den N/A på i stort sett alla punkter men sidan blev iaf valid!  :)

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

## #8 — martin, 2004-09-21T20:52Z

Eftersom jag är stor vän av tillgänglighet kan jag ju faktiskt påstå (och starkt mena) att det är enklare att göra en sida tillgänglig för en blind än för en IE-användare.

Här är några bra länkar när man jobbar med "standards"-kod:

[Lite basic och bra material samlat här](http://www.thenoodleincident.com/tutorials/css/index.html) 
[10 CSS-trick som kan vara bra att ha](http://tantek.com/log/2004/09.html#d07t1434) 
[Hur jobbar man bort IE-buggar?](http://www.positioniseverything.net/ie-primer.html)

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

## #9 — Sasch, 2004-09-22T02:24Z

<https://www.w3schools.org>

Visserligen är sajten på engelska, men är man ute efter bra css inforamtion så varför inte. Utmärkt sida :)

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

## #10 — K@llen, 2004-10-02T20:33Z

Skickar upp... :)

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

## #11 — LeonL, 2004-10-03T19:24Z

Be någon moderator göra den här tråden "viktig". :)

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

## #12 — martin, 2004-10-03T20:11Z

En massiv länksamling till css- tillgänglighets- och webstandards-sidor hittade jag: [Holy CSS Zeldman](http://www.dezwozhere.com/links.html) 

/ m a r t i n

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

## #13 — OlleBoop, 2004-10-19T08:15Z

Dagens länktips från OlleBoop:
[CSS Negotiation and a Sanity](http://www.leftjustified.net/journal/2004/10/07/css-negotiation/)
Såg att jarvklo länkat till den från xhtml.nu också, två wF-medlemmar kan omöjligt ha fel!

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

## #14 — Prodhe, 2004-11-11T18:13Z

För inspiration och insikt om vad man kan göra med stilmallar:

<http://www.csszengarden.com/> \- The Beauty In CSS Design

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

## #15 — kaxigt, 2004-11-18T09:23Z

<http://www.websitetips.com/xhtml/index.shtml> 

<http://cssvault.com/> 

<http://www.webreference.com/authoring/style/sheets/>

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

## #16 — silfver, 2004-11-18T09:27Z

> **kaxigt skrev:**
>
> [http://www.webreference.com/authoring/style/sheets/](http://http://www.webreference.com/authoring/style/sheets/)
> 
> :p

Jag hamnar på Microsofts hemsida när jag klickar på länken. Jag bara antar att det inte är meningen. :e

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

## #17 — kaxigt, 2004-11-18T09:32Z

jag redigerade juh  :moose

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

## #18 — Fuel, 2004-11-20T00:56Z

Det verkar inte finnas så mycket WAI relaterat på svenska ?

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

## #19 — PersianBulldog, 2004-11-20T01:15Z

> **Fuel skrev:**
>
> Det verkar inte finnas så mycket WAI relaterat på svenska ?

[W3C på svenska](http://www.w3c.se/resources/office/translations/) har en del dokument

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

## #20 — Fuel, 2004-11-20T02:31Z

hmm.. måste ha letat dåligt :) tnx  :bire .. nu fick man lite mer att läsa

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

---

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  
Nästa 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
