> For the complete documentation index, see [llms.txt](https://digikiad.gitbook.io/digitalis-kiadvanyok/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://digikiad.gitbook.io/digitalis-kiadvanyok/egyeb-eszkoezoek/mi-az-a-w3c-validator.md). # W3C Validator ## Mi az a W3C Validator? A [**W3C Validator**](https://validator.w3.org/) a [W3C](https://www.w3.org/) 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: {% embed url="" %} ![W3C Validator munka közben](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOo0TMYEo13TsbnJFNt%2F-LOo0L8CNLcJdmuLRdE6%2Fw3cvalidator00.png?alt=media\&token=a56fe450-0ae7-46fa-90e1-87b7663d4700) ## W3C Validator használata ### Kód beküldése ellenőrzésre ![](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOncG1C1C9z6avqnF-S%2F-LOngkItlWBfmTRgd9jl%2Fvalidator01.png?alt=media\&token=051b9d5e-c633-45b5-a80c-52f037df8467) Három módon küldhetünk be HTML kódot ellenőrzésre, a nekünk megfelelő módot a [validator űrlapjának tetején](https://validator.w3.org/) a tabokon választhatjuk ki. 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. ![Webcím ellenőrzéséhez használjuk az Address mezőt.](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOncG1C1C9z6avqnF-S%2F-LOnja3tOJq8yy8CfD7B%2Fw3cvalidator04.png?alt=media\&token=dcf4631f-ae94-4bf8-aa76-c0a2d5f98079) ![Állomány feltöltéshez válasszunk ki egy HTML állományt a számítógépünkről.](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOncG1C1C9z6avqnF-S%2F-LOniHKbIXUun_8lHJQb%2Fw3cvalidator02.png?alt=media\&token=85dd597d-b1e3-4d86-aa71-d53d033b7634) ![Kódrészlet ellenőrzéshez Ctrl + C, Ctrl + V segítségével illeszthető be a W3C Validatorba.](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOncG1C1C9z6avqnF-S%2F-LOniisfhXIhYRY_S2cq%2Fw3cvalidator03.png?alt=media\&token=59eab7a8-6d49-4c74-86fe-36e7ed03a321) ### További beállítások ![](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOnv2YxP-al1XU35K-q%2F-LOnpsVmJ_y4XpjFphSf%2Fw3cvalidator05.png?alt=media\&token=3daeed0e-34c2-4eed-96c3-7fce2728e35d) 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. ![Szerencsés eset, nincs hiba.](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOnv2YxP-al1XU35K-q%2F-LOnuv_VwGllAqz02vNV%2Fw3cvalidator06.png?alt=media\&token=a0cb9f04-dd6e-432f-a612-c045eb834375) ![Szerencsétlen eset, a forráskód tele van hibával.](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOnv2YxP-al1XU35K-q%2F-LOnvVmDd1fbiQW1p3WB%2Fw3cvalidator07.png?alt=media\&token=c8da82e7-f1e1-46a2-9108-4f6d963f4279) #### Hibaüzenet felépítése ![](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOnwhLjBhE6VgDf1mGT%2F-LOnyfd_03AbuYetqUgp%2Fw3cvalidator08.png?alt=media\&token=6e6a0784-dac2-43a9-99d8-eb58b578edf7) 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.