Validating Your HTML Code for Best Practices
Pyyhkäise näyttääksesi valikon
HTML:n kirjoittaminen vaatii huomiota jokaiseen tunnisteeseen, sulkumerkkiin ja attribuuttiin. Aloittelijoille on helppo ohittaa pieniä yksityiskohtia, ja siksi HTML-validaattorit ovat olemassa.
Validaattorit tarkistavat koodisi syntaksivirheiden varalta ja auttavat korjaamaan ongelmat ennen kuin ne aiheuttavat haittaa.
Validaattorit eivät tarkista merkitystä (semantiikkaa). Ne keskittyvät vain siihen, noudattaako merkintäsi HTML-sääntöjä:
- Oikea HTML-syntaksi;
- HTML-standardien (kuten HTML5) noudattaminen;
- Oikeat tunnistenimet ja oikeinkirjoitus;
- Attribuuttien oikea käyttö;
- Oikein avatut ja suljetut tunnisteet;
- Oikea sisäkkäisyys (elementit oikeassa järjestyksessä).
Käytetään suosittua verkkovalidaattoria nimeltä W3C Markup Validation Service harjoitellaksemme validointia. Avaa seuraava linkki uuteen välilehteen napsauttamalla sitä: Validator
Seuraavaksi validoidaan yhdessä koodiesimerkki. Kopioi alla oleva koodi testikäyttöä varten:
index.html
Liitä koodi validaattorin ikkunaan avaus- ja sulkevien <body>-tagien väliin. Napsauta sitten "Check"-painiketta.
Vahvistimen tunnistamat virheet tulisi korjata siinä järjestyksessä kuin ne on lueteltu. Vaikka varoitusten korjaaminen on vapaaehtoista, niiden analysointi ja laadukkaan merkkauskoodin varmistaminen on hyvä käytäntö.
Korjataan kaikki virheet koodiesimerkissä:
index.html
Korjaamalla tunnisteiden järjestyksen ja sulkemalla kaikki elementit oikein, koodi muuttuu validiksi ja selainten on helpompi tulkita sitä.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
