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

[jarvklo]

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

[jarvklo]

Här är en jämförelse till - 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)

[itpastorn]

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

[itpastorn]

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

[jarvklo]

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/bl...design-coding/

Word!

[icaaq]

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

[jarvklo]

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

[gröngöling]

Ny fråga om class="centrering"

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.

[Okkido]

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>.

[gröngöling]

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

[voigtann1]

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

[Blaze2009]

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

[erciz]

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/

[rakatoner]

så mycket matnyttigt om html xhtml css mm

surfar läser o LÄR !!

http://kaxigt.com/

[rakatoner]

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