Saidi valideerimise vigade analüüs

Lõpuks tekkis mul lõputu tellimuste jada vahel vaba aega ja otsustasin alustada oma blogiga. Proovime seda valideerimise osas parandada. Allpool artiklis räägin teile, mis on saidi valideerimine, html kood ja css, miks seda vaja on ja kuidas sait konkreetse näite abil standarditele viia.

Mis on saidi valideerimine?

Lihtsamalt öeldes on see standarditele vastavuse kontroll. Et iga brauser saaks teie saiti õigesti kuvada. Saidi kehtivus ei avalda reklaamile suurt mõju, kuid see pole kindlasti halvem.

Konkreetne näide veebisaidi lehe kinnitamise läbimisest

Võtame esimese lehe, mis minu saidil ette tuleb – Base64 kodeering ja dekodeerimine Java 8-s. Täidame validaatorisse lehe aadressi ja vaatame tulemust:

Selle dokumendi kontrollimisel HTML 4.01 üleminekuna leiti vigu! Tulemus: 105 viga, 67 hoiatust Jah, pilt on kole: rohkem kui sada viga ja 67 hoiatust – kuidas otsingumootorid mu blogi indekseerivad ja inimesed külastavad? Kuid ärgem ärritugem, vaid õppigem valideerimist läbima, vigu parandama. Nii et esimene hoiatus:

Parsirežiimi ei saa määrata! Valideerija saab töödelda dokumente kas XML-ina (dokumenditüüpide jaoks nagu XHTML, SVG jne) või SGML-ina (HTML 4.01 ja varasemate versioonide jaoks). Selle dokumendi puhul ei piisanud olemasolevast teabest sõelumisrežiimi ühemõtteliseks määramiseks, sest: MIME meediumitüüpi (text/html) saab kasutada XML- või SGML-dokumenditüüpide jaoks. Teadaolevat dokumenditüüpi ei õnnestunud tuvastada XML-deklaratsiooni (nt.) leiate dokumendi algusest. XML-nimeruumi pole (nt ) leiate dokumendi juurtest. Vaikimisi lülitub validaator tagasi SGML-režiimi. Hoiatus: DOCTYPE'i ei leitud! Kontrollimine vaikimisi HTML 4.01 üleminekudokumendi tüübiga. Sellest dokumendist ei leitud ega tuvastatud ühtegi DOCTYPE'i deklaratsiooni. See tähendab üldiselt, et dokument ei deklareeri ülaosas oma dokumendi tüüpi. See võib tähendada ka seda, et deklaratsioon DOCTYPE sisaldab õigekirjaviga või et see ei kasuta õiget süntaksit. Dokumendi kontrollimiseks kasutati vaikimisi "varu" dokumenditüübi definitsiooni, mis on väga sarnane "HTML 4.01 Transitional". See on sama. Ja parandus on lihtne: lisage lehe algusesse silt:

Kontrollime, mida tegime ja näeme, et ainuüksi selle sildi abil eemaldasime 105 viga ja 3 hoiatust! Nüüd on meil jäänud vaid 64 hoiatust. Hakkame neid ükshaaval lahti võtma.

Hoiatus: stiilielemendi atribuut type pole vajalik ja see tuleks välja jätta. 5. realt 1. veerust; reale 5, veergu 23 /x-icon">↩