0180 validering med javascript
Länkar till valideringsverktyg för HTML5, CSS3, i18n, och länkar ska finnas lättillgängligt på varje sida.
När allt är klart lägger du upp sidan på webbhotellet och ser till att den validerar enligt: HTML5, CSS3, i18n, och länkar.
HTML5
Klipp och klistra in HTML-koden på valideringssidan.
Länka till valideringsverktyget på följande vis:
Då sidan ligger på webbhotellet kan man validera den genom att klicka på länken.
CSS3
Klipp och klistra in CSS-koden på valideringssidan.
Länka till valideringsverktyget på följande vis:
i18n
i18n är en förkortning av internationalization. Det är 18 bokstäver mellan det första i:et och det sista n:et.
Lägg till följande länk:
Egentligen ska href sättas till:
http://validator.w3.org/i18n-checker/check?uri= + sidans url
Utan Javascript kan det till exempel bli. Observera att länken blir olika på alla sidor.
Snart ska vi se hur man kan lägga till den aktuella sidans url med hjälp av Javascript.
länkar
Kontrollera att sidan inte innehåller brutna länkar. Lägg till följande länk:
href ska sättas till:
http://validator.w3.org/checklink?uri= + sidans url
Utan Javascript kan det bli. Observera att länken är unik för varje sida.
Här ska vi också ta hjälp av Javascript.
sidans url m.h.a. Javascript
För att lägga till sidans url till de senaste länkarna ska vi använda Javascript.
Javascript läggs till precis före </body>. Observera att det är sluttaggen.
Vi ska använda oss av jQuery, som är ett bibliotek med Javascript-kod. Vi låter webbläsaren hämta koden från Google. Därefter länkar vi till vår egen kod som ligger i filen validator.js.
Filen validator.js har följande innehåll:
$(document).ready(function () {
'use strict';
var url = window.location.href;
//read url
console.log("url: " + url);
//set links (href)
$('#i18n').attr('href', "http://validator.w3.org/i18n-checker/check?uri=" + url);
$('#checklink').attr('href', "http://validator.w3.org/checklink?uri=" + url);
console.log('Reached end');
});
Lägg till följande kod före </body>