Oefening 5 - Validatie (Optioneel)

Het is in het algemeen bekend dat mensen fouten maken. Dit betekent dat ook jij fouten gaat maken in je HTML code. Het vervelende aan HTML is dat foutjes vaak niet meteen tot problemen leiden. Het komt dan helaas wel voor dat het later voor problemen gaat zorgen en dat het heel moeilijk is om de bron van het probleem te vinden.

Gelukkig wordt in deze module de WebStorm IDE gebruikt. In WebStorm zie je het namelijk meteen wanneer je foutjes maakt doordat er een streepje onder komt te staan met een lampje. Wanneer je op dit lampje klikt kan je verschillende mogelijkheden kiezen om je code te verbeteren. Meer over de hulp van WebStorm vind je op https://www.jetbrains.com/help/webstorm/getting-started-with-webstorm.html

Voordat IDE’s gebruikt werden voor het maken van websites moest de HTML code geverifieerd worden door een externe website. Daarvoor werd de HTML validator van w3 veel gebruikt. Op deze website kun je jouw HTML invoeren en uitvinden of er foutjes in zitten. Bij het checken krijg je te maken met twee verschillende soorten meldingen, de errors en de warnings. Bij errors is het de bedoeling dat je de code aanpast zodat de error verdwijnt. Dit zijn foutjes in de code die tot problemen gaan leiden. Bij warnings is het de bedoeling dat je nagaat of het van toepassing is op jouw website. Warnings worden vooral gegeven wanneer je niet de beste programmeergewoontes aanhoudt. De validator vind je hier: https://validator.w3.org/#validate_by_input

Opdracht 19

Gebruik de validator om de code van je website uit Oefening 4 te controleren. Pas zo nodig de code aan om in ieder geval de errors weg te laten gaan.

De validator kan ook gebruikt worden om CSS te valideren op: https://jigsaw.w3.org/css-validator/#validate_by_input Omdat WebStorm deze foutjes al heel snel en makkelijk aangeeft hoef je de validator van w3 niet te gebruiken.