I den andra delen av laboration 2 ska du kontrollera att din HTML-kod är korrekt skriven och stämmer med språkets regler. Detta är viktigt, bl.a. för att det sedan ska fungera ihop med andra språk som CSS för stilsättning och för att sidan ska presenteras korrekt i webbläsaren. För att kontrollera koden kommer du använda en validator.
7 min.
Validera din fil från lab L2a
- Ta fram validatorn på adressen https://validator.nu/
- Välj File Upload i den första menyn.
- Ladda upp din fil index.html som du skapade i lab L2a.
- Du kan antingen dra filen till knappen Bläddra eller så klickar du på Bläddra och pekar ut din fil.
- Du behöver inte göra några fler val i formuläret, utan klicka nu på knappen Check.
- Resultatet visas under formuläret.
- Får du felmeddelanden:
- Analysera felmeddelandena, rätta dem i din kod och validera om.
- Ofta finns det en del följdfel av andra fel, så det brukar vara en bra strategi att endast rätta de första felen och sedan validera om.
- Får du inga felmeddelanden:
- Prova att göra lite fel i din HTML-kod, validera om och se vad du får för felmeddelanden.
- Får du felmeddelanden:
Validera och rätta koden i filen errors/e1.html
I mappen L2 finns det en mapp kallad errors. I den finns filen e1.html med några fel – både sådana som validatorn upptäcker och ett par fel som validatorn inte kan upptäcka. Du ska nu analysera och rätta felen.
- Validera filen e1.html i validatorn på https://validator.nu/
- Analysera och rätta felen. Ta endast ett felmeddelande i taget och validera om efter varje rättning.
- Då alla fel är rättade och det blir "grönt" i validatorn, öppnar du filen e1.html i webbläsaren och kontrollerar om allt visas och fungerar som det ska.
- Det finns ytterligare två fel, som validatorn inte kunde upptäcka. Försök hitta dem själv.
Då du gått igenom ovanstående punkter, klickar du fram följande facit med beskrivning av de fel som finns i filen.
Facit för validering och rättning av felen i filen e1.html
- Rad 13: Starttagg för <p> saknas.
- Rad 14: <b> påbörjat, men avslutas med </i>. Så antingen ersätts det till <i> i början eller </b> i slutet. Validatorn visar också felmeddelanden för några följdfel av detta.
- Rad 15: Elementet p får inte finnas inom b, utan det måste vara tvärtom, dvs <p><b>...</b></p>.
- Rad 17: alt-attributet saknas. Det ska vara <img src="..." alt="...">, där texten i alt-attributet ger en alternativ text, till de som inte kan se bilden, t.ex. alt="Roddbåtar vid en sjöstrand" i detta fall.
- Rad 20: Sluttaggen för länken saknas. Den måste avslutas med </a>.
Då alla fel är rättade och filen öppnas i webbläsaren, visas inte bilden. Det beror på att det är fel filändelse. Det ska vara .jpg i detta fall.
Länken fungerar inte. Det beror på att bokstäverna i filändelsen är omkastade. Det står e2.hmtl, men ska vara e2.html.
Klar
Gå nu vidare med föreläsning F2c och därefter laboration L2c.