m_soderlund skrev:
När vi väl snackar Firefox-tillägg så är Html Validator grym.
http://www.webforum.nu/showthread.php?p=1057972#post1057972 :)
Den stora tipstråden: Så använder du (X)HTML och CSS på bästa sätt
59 svar · 35 454 visningar · startad av K@llen · sida 3 av 3
Frågan, av K@llen
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!
Läs frågan i sin helhet →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
Mycket imponerade bokformat och pedagogik. Hela serien är toppklass! :)
Rekommenderar Tommy Olssons "Frequently Asked Questions About XHTML vs HTML", på sitepoint
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
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.
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.
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)
Ännu en bra checklista om standarder och "best practice": http://www.maxdesign.com.au/presentation/checklist.htm
Och en helt ny webbplats med massor av råd, nyheter och riktlinjer. http://webstandards.govt.nz/ Bättre än Verva?
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!
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
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
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.
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>.
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
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.
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
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/
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