Digitális kiadványok
  • Bevezető
  • Digitális kiadványok
    • Világhálóról dióhéjban
    • Online tervezőgrafika
    • Mi szükséges egy weboldal elindításához?
    • Webmotorok, tartalomkezelők, webshopok
    • Weblaptervezéshez szükséges ismeretek
  • HTML
    • Mi az a HTML?
    • HTML rövid története
    • HTML állomány felépítése
    • HTML elemek
    • HTML hibák, és javításuk
  • CSS
    • Mi az a CSS?
    • CSS stílusok felépítése
    • Kijelölők
    • Rangsor
    • Színek, színrendszerek
    • Mértékegységek
    • Doboz modell
    • Szövegek, szövegközi elemek
    • Úsztatás
    • Háttérszínek, háttérképek
    • Pozicionálás
    • @media
    • Rugalmas dobozok
  • CSS technikák
    • Középre rendezés
    • Konténer középre rendezése
    • Kör, ellipszis
    • Aránytartó téglalap, négyzet
    • Kép úsztatása szövegben
    • Vízszintes menü úsztatással
    • Layout kialakítása úsztatással
    • Clearfix
  • Bootstrap
    • Mi az a Bootstrap?
    • Kezdő lépések
    • Konténer elem
    • Grid rendszer
    • Tartalmak
    • Komponensek
    • Segédek
    • Egyedi megjelenés
  • VS Code
    • Mi az a VS Code?
    • VS Code beszerzése, telepítése
    • VS Code anatómiája
    • Emmet
  • Egyéb eszközök
    • W3C Validator
    • Google Fonts
    • Font Squirrel
    • Type Scale
    • Font Awsome
    • Glitch.com
  • eKönyv
    • Az eKönyvekről dióhéjban
    • ePub formátum
  • Függelék
    • Felhasznált irodalom
    • Tanulási alternatívák
    • Markdown szerkesztők, olvasók
    • Webmotorok
    • Kliens oldali keretrendszerek
    • Fejlesztéshez alkalmas számítógép konfiguráció
    • Visszajelzés, kapcsolat
Powered by GitBook
On this page
  • Mi az a W3C Validator?
  • W3C Validator használata
  • Kód beküldése ellenőrzésre
  • További beállítások
  • Visszajelzések
Export as PDF
  1. Egyéb eszközök

W3C Validator

PreviousEmmetNextGoogle Fonts

Last updated 5 years ago

Mi az a W3C Validator?

A a nemzetközi szervezet (World Wide Web Consortium) jelölőnyelv ellenőrző eszköze. Ezzel az eszközzel lehet weboldalak vagy beküldött HTML állományok kódját ellenőrizni, hogy azok megfelelnek e a HTML szabványnak. A HTML mellett XML és XHTML dokumentumokat is lehet vele ellenőrizni.

A W3C Validator elérhetősége:

W3C Validator használata

Kód beküldése ellenőrzésre

  1. Megadhatunk egy URL-t vagy webcímet ellenőrzésre.

  2. Feltölthetünk egy állományt a számítógépünkről, a feltöltött állományt fogja ellenőrizni a validator.

  3. Copy/paste-el bevághatunk egy teljes, vagy részleges HTML állomány tartalmat ellenőrzésre.

További beállítások

A további beállítások a More Options menüből érhetőek el:

Karakter kódolás (Character encoding)

A validator alapbeállításnál megpróbálja felismerni a dokumentum karakter kódolását, de mi is beállíthatunk egy konkrét karakter kódolási táblát a legördülő menüből.

Dokumentum tipus (Document Type)

A !doctype meghatározás alapján próbálja meg értelmezni a dokumentumot a validator, ennek hiányában HTML 4.01 Transitional dokumentum típust fogja használni. A legördülő menüből mi is kiválaszthatjuk a megfelelő típust.

Hiba üzenetek csoportosítása

Két lehetőség van, az első esetben sorrendben jeleníti meg az üzeneteket, ahogy halad végig a dokumentumon a validator (List Messages Sequentially), a második eset, amikor kategóriánként csoportosítja a hiba üzeneteket (Group Error Messages by Type).

Forráskód mutatása (Show Source)

A validator mutatja a forráskódot, és kiemeli benne a hibás elemeket.

Forráskód tisztítása (Clean up Markup with HTML-Tidy)

A validátor a HTML-Tidy segítségével megkisérli javítani az esetleges hibákat.

Cím hierarchia mutatása (Show Outline)

Ebben az esetben kapunk egy visszajelzést a dokumentum cím szerkezetéről.

Bőbeszédű kimenet (Verbose Output)

Bizonyos esetekben részletesebb visszajelzést kapunk így a hibákról.

Visszajelzések

Ha megvannak a kívánt beállítások, és a Check gombbal beküldtük az ellenőrizendő kódot, a validator összeállítja nekünk a jelentését.

Hibaüzenet felépítése

  1. Hiba sorszáma

  2. Hiba tipusa, hiba (error), vagy warning (figyelmeztetés)

  3. Hiba konkrét leírása

  4. Hiba helye a kódban (line: sor, column: oszlop)

  5. A hibás kódszakasz kiemelve.

Három módon küldhetünk be HTML kódot ellenőrzésre, a nekünk megfelelő módot a a tabokon választhatjuk ki.

validator űrlapjának tetején
W3C Validator
W3C
The W3C Markup Validation Service
Logo
W3C Validator munka közben
Webcím ellenőrzéséhez használjuk az Address mezőt.
Állomány feltöltéshez válasszunk ki egy HTML állományt a számítógépünkről.
Kódrészlet ellenőrzéshez Ctrl + C, Ctrl + V segítségével illeszthető be a W3C Validatorba.
Szerencsés eset, nincs hiba.
Szerencsétlen eset, a forráskód tele van hibával.