W3C Valid

Waarom moet je site nou W3C Valid zijn?
Door verschillende interpretatie van de verschillende internetbrowsers.
Allereerst moet er boven je site, voordat er ook maar iets in je in de code neergezet word (php includes voor bijvoorbeeld een config.php dus niet, zolang er maar niks geëchoed word) staan wat voor soort HTML/xHTML gebruikt word. Hoe?

Alle soorten staan op de volgende site gemeld:
http://www.w3.org/QA/2002/04/valid-dtd-list.html
Welke je moet kiezen?
Dat staat hier vermeld (voor deze is toch wel een beetje Engels vereist :)):
http://htmlhelp.com/tools/validator/doctype.html

Verder moet je site je wel aan de échte HTML specificaties houden.
Zo zijn er een aantal dingen die wél worden ondersteund door Internet Explorer maar niet door bijvoorbeeld Netscape of Firefox. Marquee is hier een goed voorbeeld van, deze werd tot voor kort alleen door Internet Explorer ondersteund. In de nieuwe Netscape 7 en Firefox word deze wel ondersteund.
Máár W3C Valid is deze tag nog steeds niet. Kijk voor oplossing met bijvoorbeeld Javascript o.i.d.

Andere veelgemaakt fouten:

Andere veelgemaakt fouten is dat een tabel (<table>) een height meegegeven word, maar dit mag helemaal niet (vb: <table height="100%">) volgens W3C.

Ook kan een cel van een tabel (vb: <tr>, <td>) geen background meegegeven worden (vb: <td background="/images/header.gif">)

Ook moet een plaatje een alternatieve tekst mee gegeven worden (<img src="/images/content.gif" alt="Alternatieve tekst">)

De form tag heeft ook altijd een action nodig, zelfs als de verwerking van het formulier op dezelfde pagina staat!
<form action="$_SERVER['PHP_SELF']"> is dan een goede oplossing :)

Let er ook op dat bij het invoegen van een CSS sheetje of Javascriptje het type en de taal (<script type="text/javascript" language="JavaScript">) (Let op: Bij CSS is de taal (language="xxxxx") niet nodig!

En wat ook niet hoort is dat bijvoorbeeld het teken "&" zo in de code word opgenomen. Dit hoort te zijn &amp;
Dit geld ook voor het copyright logo, dit moet zijn &copy; en zo kan ik nog wel even doorgaan.
Voor een volledig lijstje kijk op:
http://tlt.its.psu.edu/suggestions/international/web/codehtml.html
Vaak is de naam hiervoor ook heel logisch

Voor firefox kun je de volgende handige add-ons downloaden:
https://addons.mozilla.org/firefox/2289/ (Voor CSS)
https://addons.mozilla.org/firefox/249/ (Voor de HTML)

Als gewone sites zijn ze hier te vinden:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/validator.html#validate-by-uri

« Lees de omschrijving en reacties

Inhoudsopgave

  1. De inleiding
  2. W3C Valid
  3. Cross browser testen

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.