Niet van wakker liggen!
O, die
51 Errors en 23 warnings van de html-validator zien er bedreigend uit, maar dat valt in de praktijk heel erg mee!
1. Scriptologie-fouten
De fouten-opsomming begint met een hele reeks abracadabra als
character "&" is the first character of a delimiter but occurred as data, en
cannot generate system identifier for general entity "i" en
reference not terminated by REFC delimiter en
reference to entity "i" for which no system identifier could be generated enz.
Dat ligt aan de javascript-functies die Dreamweaver er in heeft gezet: zonder te vermelden dat wat binnen de script-tags staat geen html-code is, maar pure text (
CDATA = character-data = lettertekens-gegevens) waarmee het javascript aan de slag moet. Dom!
Maar eenvoudig op te lossen door binnen het script te beginnen met een regel met
//<![CDATA[, en vlak voor de </script> te eindigen met een regel met alleen
//]]> er in:
Code:
[COLOR="#800080"]<script[/COLOR] [COLOR="#FF0000"]type=[/COLOR][COLOR="#0000FF"]"text/javascript"[/COLOR][COLOR="#800080"]>[/COLOR]
[COLOR="#696969"]//<![CDATA[[/COLOR]
[COLOR="#800080"]function[/COLOR] MM_swapImgRestore() { [COLOR="#A9A9A9"]//v3.0[/COLOR]
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
...
... enz.
...
[COLOR="#800080"]function[/COLOR] MM_goToURL() { [COLOR="#A9A9A9"]//v3.0[/COLOR]
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
[COLOR="#696969"]//]]>[/COLOR]
[COLOR="#800080"]</script>[/COLOR]
Toveren:
=======
2. Images moeten altijd een alt hebben
De volgende validator-opmerking is:
required attribute "alt" not specified.
Dat is van toepassing op een aantal images. Ook als er geen alternatieve omschrijving nodig is, moet er toch een
alt bij, dwz. een lege
alt met alleen
alt="" (zonder spatie tussen de aanhalingstekens).
Dat is gauw hersteld.
=======
3. Geen spaties in id- en name-attributen
Nu komt er een rijtje met
value of attribute "name" must be a single token,
value of attribute "id" must be a single token en
value of attribute "id" invalid: "1" cannot start a name.
Betekent dat in de eigenschappen
id="..." en
name="..." geen spaties gebruikt mogen worden, en dat de nummers na een spatie ook niet kunnen.
Maar een afbreekstreepje - mag er wel in.
Dus even alle id's en name's doorvlooien op de spaties en daar - van maken.
=======
4. Nog een Dreamweaver-kermis
Dan is er een error die
there is no attribute "onfocus" heet. Dat klopt, dat is een eigenschap die niet in de standaarden zit. Voor het kunnen aanklikken van de camjo-container heeft Dreamweaver een heel circus opgebouwd, compleet met een map-area en javascript voor de bediening:
HTML:
<div id="leesbiobox" onfocus="MM_goToURL('parent','camjo.html');return document.MM_returnValue">
<div class="leesbio">
<a href="camjo.html"><img src="PHOTOSHOP/camjolijst.png" alt="" name="lijstcamjo" width="304" height="126"
border="0" usemap="#lijstcamjoMap" id="lijstcamjo"
onclick="MM_goToURL('parent','camjo.html');return document.MM_returnValue" />
<map name="lijstcamjoMap" id="lijstcamjoMap">
<area shape="rect" coords="-279,99,-16,163" href="camjo.html" alt="lijstcamjo" />
</map>
</a>
<div class="ninafilmt">
<a href="camjo.html"><img src="PHOTOSHOP/camjofotosnina.gif" width="329" height="150"
alt="Ninafilmt" title="Camera-journalistiek werk" /></a>
</div>
<h2>Camera-journalistiek</h2>
</div>
</div>
Allemaal niet nodig!
Het kan ook gewoon zo:
HTML:
<div id="leesbiobox">
<div class="leesbio">
<img src="PHOTOSHOP/camjolijst.png" alt="" name="lijstcamjo" width="304" height="126" border="0" id="lijstcamjo" />
<div class="ninafilmt">
<a href="camjo.html">
<img src="PHOTOSHOP/camjofotosnina.gif" width="329" height="150" alt="Ninafilmt" title="Camera-journalistiek werk" />
</a>
</div>
<h2>Camera-journalistiek</h2>
</div>
</div>
=======
Dat ging dus razendsnel; dit opschrijven duurde langer!
De resterende 5 fouten hebben allemaal te maken met de ge-embedde mp4. Zodra dat een YouTube is, zal je daar vanzelf geen last meer van hebben.
En dan zal waarschijnlijk ook de paginasnelheid rap toenemen, want nu wordt de mp4 gedownload ipv gestreamd te worden.
Met vriendelijke groet,
CSShunter
_______
PS: in de <head> nog wat aangepaste css voor de toegevoegde zaken: een <h1> en <h2>'s doen het ook erg goed in Google.
