Igor. Aktualizácia: 9. júna 2012.
Dobrý deň, priatelia! Dnes veľmi dôležitá téma na programe: ako skontrolovať chyby na stránke, čo zahŕňa kontrolu platnosti (súladu so štandardmi) html kódu pomocou služby W3C validator.
Prečo je to také dôležité? V prvom rade preto, že správnosť html kódu pomáha dosiahnuť takú dôležitú súčasť optimalizácie stránky, akou je identické zobrazenie vášho zdroja vo všetkých populárnych webových prehliadačoch, čo samozrejme napomáha jeho optimalizácii a propagácii. Pretože návštevníci používajú rôzne prehliadače vrátane rôznych úprav, a skutočnosť, že stránka v nich vyzerá rovnako, dáva webmasterovi ďalšie rozmary potenciálnych čitateľov. Mimochodom, prečítaním príslušného materiálu si môžete vybrať, ktorý prehliadač je lepší.
Platnosť, teda konzistencia html kód určité štandardy stanovené medzinárodným konzorciom W3C ( World Wide Webové konzorcium). Všetci internetoví vývojári z väčšej časti nevyhnutne zohľadňujú tieto štandardy vo svojich výtvoroch. Súhlasíte, bez toho bude v internetovom priestore vládnuť chaos a anarchia, najmä programovanie. Okrem ovládania HTML kódu je veľmi dôležité implementovať.
Na záver dodám, že v propagácii zdroja nemôžu byť bezvýznamné detaily a aj zdanlivá maličkosť (napríklad) môže dať pozitívny impulz spolu s takým najdôležitejšia časť SEO optimalizácia ako napríklad, .
W3C validátor: kontrola platnosti html dokumentuVeľmi užitočnou službou, ktorá pomáha všetkým webmasterom pri kontrole a udržiavaní platnosti HTML, je validátor W3C. Najprv prejdime na domovskú stránku W3C:
Ako vidíte, už existuje rozdelenie podľa regiónu a môžete si pozrieť ruskú verziu domovskej stránke výberom v rozbaľovacej ponuke vpravo horný roh zodpovedajúcej oblasti a stlačením tlačidla „GO“. bohužiaľ, html výsledky kontroly platnosti zatiaľ len možné anglický jazyk, takže ak chcete prejsť priamo na kontrolu chýb na stránke, kliknite na odkaz „HTML and markup validator“ v pravom dolnom rohu:
Ak chcete skontrolovať platnosť html, môžete urobiť tri veci:
1. Overte podľa URI – skontrolujte podľa URL adresa dokument
2. Validate by File Upload – kontrola platnosti html pomocou nahraného súboru
3. Overenie priamym zadaním - môžete priamo vložiť HTML kód a skontrolovať platnosť.
Ak chcete skontrolovať správnosť html kódu webovej stránky alebo stránky blogu, či neobsahuje chyby, vyberte prvú možnosť. Potom zadajte adresu zdroja do príslušného poľa „Adresa“ a kliknite na „Skontrolovať“. Je celkom možné, že v mojom prípade uvidíte nasledujúci obrázok, presne to sa stalo, keď som prvýkrát začal kontrolovať svoj blog pomocou validátora W3C:
Verdikt validátora W3C je sklamaním: na stránke nie je možné skontrolovať chyby v html kóde, pretože na riadku 298 bol zistený neplatný znak. Nuž, poďme hľadať tento znak, našťastie existuje náznak. Ak používate Google Chrome(príručka s popisom tohto prehliadača), potom kliknite pravé tlačidlo myšou a vyberte "Zobraziť kód stránky" od obsahové menu(alebo použite kombináciu kláves Ctrl+U), čím sa v ďalšej záložke otvorí stránka s HTML kódom.
Pre iné prehliadače: ak ste Používateľ internetu Prieskumník (článok o Prieskumníkovi) vyberte "Zobraziť HTML kód", Mozilla Firefox(viac informácií) - « Zdroj stránky", Opera (o tom, ako stiahnuť, nainštalovať, nakonfigurovať a aktualizovať prehliadač Opera) - "zdroj".
Pozrime sa, s čím tu validátor W3C nie je spokojný. Ako môžete vidieť na snímke obrazovky, tento riadok zodpovedá jednému z komentárov, mojej odpovedi na jeden z komentárov. Tu som omylom použil symbol ampersand &, toto je úryvok z " najnovšie komentáre“ na domovskej stránke:
Po úprave tohto miesta znova skontrolujeme chyby na stránke pomocou validátora W3C (na opravu som prešiel do sekcie „Komentáre“ správcu WordPress panely a nahradiť & písmenom n):
Ako môžete vidieť na obrázku vyššie, tentoraz sa validátorovi podarilo dokončiť kontrolu a vydal 8 chýb a 2 upozornenia. To je vlastne veľmi málo a dá sa s tým žiť. Mnoho celkom slušných, dôveryhodných stránok Yandex a Google má rádovú veľkosť viac chýb podľa platnosti html.
Pozor! W3C validátor kontroluje platnosť iba stránky, ktorej adresu zadáte, a nie celého webu. Ak je zadaná adresa hlavnej stránky, dostanete údaje len pre tento dokument.
Dokonca aj ten hlavný Stránka Yandex, ak sa ho rozhodnete skontrolovať ako príklad, obsahuje niekoľko desiatok chýb. Je to však pochopiteľné, je veľmi ťažké neustále sledovať opravy kódu, pretože dokumenty (čítaj: stránky lokality) sa neustále aktualizujú. Napríklad sme na WordPress blog Na ten či onen účel neustále používame pluginy, ktoré tiež prinášajú chaos do html kódu.
Aj keď „vyčistíte“ všetky zárubne, stále sa môžu objaviť nové z dôvodov opísaných vyššie. Je dôležité, aby týchto chýb nebolo príliš veľa. Ak, samozrejme, dosiahnete ich úplné odstránenie, potom vám česť a chvála. Samozrejme, na to musíte aspoň vedieť základy html poznať algoritmus na opravu chýb webových stránok v kóde.
V nasledujúcich publikáciách sa pokúsim znovu nastoliť túto tému a na príkladoch povedať podrobnejšie, aké konkrétne opatrenia treba podniknúť na ich odstránenie; Aby ste nezmeškali najnovšie informácie, prihláste sa na odber aktualizácií blogu cez RSS. Ešte raz pripomínam, že aj ono veľké množstvo chyby v html kóde môžu brániť správnemu zobrazovaniu stránky v rôznych prehliadačoch. Okrem toho mi niečo hovorí, že vyhľadávače môžu čoskoro upraviť poradie poradia zdrojov a zohľadňovať platnosť html kódu. Okrem toho tu je vysvetlenie niektorých nastavení na stránke validátora W3C:
- Zobraziť zdroj – zobrazí zdrojový kód
- Zobraziť obrys – zobrazí riadok obsahujúci chybu
- Validovať chybové stránky – kontroluje platnosť html stránky s chybou napr.
- Vypisovať správy postupne – zobrazuje chyby a varovania v bežnom zozname
- Zoskupiť chybové správy podľa typu – klasifikuje chyby podľa určitých kritérií
- Vyčistite značky pomocou HTML TIdy - výstupy správny kód, opravené HTML program Uprataný. V anotácii je uvedené, že tento program nie je súčasťou validátora W3C, takže nezaručujú, že bude správne fungovať.
No na dnes asi stačí. Dúfam, že ste si uvedomili, že je potrebné skontrolovať chyby na vašej stránke a skontrolovať platnosť html stránky pomocou validátora W3C.
Chcete dostávať aktuálne, relevantné a užitočné články včas? Potom sa môžete prihlásiť na odber:
Ďalšie články na túto tému:
38 recenziíFanúšikovia vytvárania tém na WordPress, dokonca aj profesionáli, to majú, existujú takéto chyby bezplatný hosting, kde ľudia často stavajú GS. Zobral som “krabicu” (hotovú webovú stránku na kľúč od známeho pisára a návrhára layoutu) na rok alebo trochu viac, všetko bolo v poriadku, po kontrole validácie na cca. tri mesiace Niekoľko chýb bolo objavených skôr. Igor, ďakujem za taký podrobný článok “čajník” 🙂! Teraz sa trochu ponorím do "čo a ako?", ukázalo sa, že je to len ošemetná vec, ale neviem, ako to vnímajú roboti, teda "pavúky"? vyhľadávače. Chcel som od vás vedieť: existuje súvislosť s vyhľadávačmi a overovaním, alebo je tento typ chyby iba čisto technický bod a nachádza sa výlučne na stránke v tom zmysle, že žiadnym spôsobom neovplyvňuje pozície v službách Google a Yandex?
Igor, ešte raz ĎAKUJEM.
Kontroloval som chyby na mojej stránke. Videl som chyby, ale nie je jasné, čo robiť ďalej. Igor, prečo nezverejňuješ svoje články na sociálnych sieťach pre webmasterov? Máte dobré články a to môže zvýšiť návštevnosť vašej stránky.
Anna, podľa samotných zástupcov Yandex a Google nemá počet chýb absolútne žiadny vplyv na pozíciu stránky vo výsledkoch vyhľadávania. Nevieme však, ako dlho to bude trvať, pretože algoritmy vyhľadávacích nástrojov sa neustále menia.
Vasilij, ak si začiatočník a nerozumieš jazykom html a css, tak si v prvom rade daj pozor na to, koľko máš chýb a upozornení a porovnaj s obsahom tvojej stránky. Ak už váš web obsahuje niekoľko desiatok stránok a niekoľko desiatok chýb, nie je sa čoho obávať, k náprave sa môžete vrátiť neskôr. Časom určite získate základné znalosti v html a css, ak rozvíjate svoj projekt a potom môžete rýchlo zistiť, čo je čo. Čo sa týka sociálnych sietí, máte pravdu, ide o dodatočnú návštevnosť.
Admin, W3C navrhuje tlačidlá sociálne siete od Yandexu, potom mám reklamu od oboch zástupcov Google aj Yandexu, všimlo si v nich aj W3C kritická chyba, odstránili tri na pár sekúnd Google blokovať. Posielam žiadosť kliknutím na tlačidlo prekontrolovať, bol som prekvapený! Zo zostávajúcich 92, ktoré neboli opravené, mám 83. Práve som odstránil reklamné kódy :). Akosi som začal čistiť Direct bez akejkoľvek túžby, pretože... rovnaká chyba. A pokiaľ ide o mňa, W3C nemá rád znak & ani ako jediný význam, ani ako význam reprezentujúci právo - ©.
Toto nestačí, vidím, viete, W3C označuje kde a na akom riadku, to je pravda, kontrolujem, povedzme, že v závere chýba riadok 127 spárovaný štítok„telo“ je hranaté, to znamená, že chyby „>“ som nenašiel ani cez „FireFox“, ani pri monitorovaní cez „Ctrl“ + „U“ v „Google Chrome“, čo je typické pre absenciu „>“ Služba W3C vidí viac v značkách „body“ a „noindex“ a v skripte „javascript“. Po skontrolovaní všetkého a úprave zostalo 42 chýb. Neviem, ako W3C funguje a hľadá chyby, ale pri pohľade na iné zdroje pomocou programu Notepad++ s doplnkom na zvýraznenie syntaxe (nachádza sa na Habré) nie sú žiadne chyby, ale. W3C tam má stále problémy. A bez tlačidiel na sociálnych sieťach ma to nezaujíma, rovnako ako bez reklamy 🙂 Som neochotný. Ďakujem za lekcie.
Milá Anita! Ak stále nemôžete odstrániť všetky chyby, je to v poriadku, najmä preto, že ste ich počet znížili dvakrát. Vyhľadávače zatiaľ pri hodnotení stránok nezohľadňujú chyby overovania. Ale ste skvelí na to, aby ste sa rozhodli dať veci do poriadku, pretože táto práca určite nevyjde nazmar.
Správna vec, ktorú musíte urobiť, je skontrolovať, či váš web neobsahuje chyby.
ďakujem za užitočný článok, opravil som chyby v kóde
Teším sa z teba, Andrey. Ďakujem za komentár.
Neviete mi povedať, ako to opraviť, práve som to začal zisťovať, našiel som, kde to opraviť, ale neviem, čím opraviť tento červený symbol.
.. TP:/ / txtrk.com/tiz/c1tiz.php? ICS = 7354 & I av = 3809 & Adul = 1 & bcol = _EFEFEF a zcol = "+" a g...
✉
Zvyčajne ide o kaskádové chyby spôsobené nedefinovanou referenčnou entitou alebo použitím nekódovaných ampersandov (&) v Text adresy URL a telá. Cm. Predchádzajúce správy Pre viac informácií.
Ľudmila, máš chybu javascriptový kód, ktorý zobrazuje reklamný blok od TxTrek, čo znamená, že ste od nich dostali kód a vložili ho do bočného panela, však? To znamená, že tu od vás nič nezávisí. Samozrejme, môžete ich kontaktovať a požiadať ich o vyčistenie kódu, ale je to strata času a úsilia. Ak chcete začať, upravte kód na miestach, kde je to možné, teda vo vašich súboroch tém a kódoch získaných od reklamných agregátorov a pridružené programy Zatiaľ sa ho nedotýkajte, pretože nie všetko závisí od vás.
Igor, povedz mi, to, čo je zvýraznené červenou farbou, je chybný kód, alebo by tam mal byť tento znak, ale chýba.
Igor, ďakujem veľmi pekne za odpoveď.
Chcem tiež povedať, že vaša stránka bola pre mňa veľmi užitočná, ďakujem.
Vasilij, to závisí od povahy chyby.
Som veľmi rád, Lyudmila. 🙂
Rashida, je to v poriadku, ak sa objavia chyby, pretože projekt sa vyvíja a je úplne nemožné sa bez nich zaobísť. Musíte len z času na čas skontrolovať, či sa nezmenia na lavínu. Áno, v tomto ohľade nie je ani Yandex bez viny.
Dobré popoludnie, tiež práve prehrabávam svoju webovú stránku... vyskytli sa problémy s audio pluginmi, vymazal som to... teraz píše, že súbor sa nenašiel: _http://alexandrrychko.ru/wp- content/plugins/wp-audio-player /css/audioplayer.css?ver=3.6: Nenašli ste, čo robiť...?
Alexander, čo ste očakávali, ak ste odstránili doplnok? Prirodzene, v tomto prípade sa vyskytne chyba 404.
Ešte pred vymazaním boli chyby v audio prehrávači...preto som ho vymazal. Nejaké pokrivené pluginy))) Ako to vyčistiť? Čo je teraz potrebné odstrániť?
Poďme si od začiatku definovať, čo tento pojem znamená. Prečo potrebujeme toto potvrdenie a čo to ovplyvňuje?
Platnosť webovej stránky je súlad HTML kódu s určitými pravidlami a štandardmi.
Toto je tiež kontrola syntaktické chyby a vnorenie značiek.
Existujú aj iné kritériá. Ale teraz sa im nebudeme venovať, ale pozrime sa na tie hlavné. Jedzte špeciálne služby validátory, ktoré kontrolujú stránky:
- za chyby v štruktúre dokumentu
- skontrolujte súlad kódu HTML so štandardom, ktorý je uvedený na úplnom začiatku akejkoľvek stránky HTML. To znamená verziu vášho html dokumentu, ktorý je nainštalovaný vo vašej šablóne. Zvyčajne je to prvé.
Ako zistiť, ktorý html verzia používaš?
Je to veľmi jednoduché. Ak to chcete urobiť, musíte zadať kombináciu klávesov CTRL+U na hlavnej stránke vášho webu a CTRL+F pre vyhľadávanie.
Prvý riadok je vaša verzia. Na mojom obrázku je to kvôli prehľadnosti zvýraznené červeným rámom. Používam šablónu verzie HTML5 – toto je najnovšia a najobľúbenejšia verzia, ktorá výrazne uľahčila život všetkým webmasterom. Môžete mať aj inú, neskôr. Majú svoje rozdiely. O verziách, tagoch vám odporúčam stránku htmbook, koho to samozrejme zaujíma.
Čo ovplyvňuje platnosť stránky?
Správna platnosť stránky umožňuje sledovať správne zobrazenie stránky v rôzne prehliadače. Svoju šablónu si môžete bezplatne skontrolovať na online službu na kontrolu prispôsobivosti šablóny webovej stránky. Kliknite na tento odkaz a prilepte adresu svojej webovej stránky - http://quirktools.com/screenfly/ (skopírujte ju a vložte do adresný riadok prehliadač).
Vezmime si tento príklad. Ak značku nezavriete alebo neurobíte preklep v kóde, v budúcnosti sa nemusí zobrazovať tak, ako zamýšľal správca webu. To isté platí pre štýly (CSS) - dávajú iný obraz.
Samostatne by som chcel upozorniť a najmä poznamenať, že overovanie priamo ovplyvňuje vyhľadávače:
Vyhľadávače uprednostňujú stránky s platným HTML kódom. Takže skontrolujeme platnosť našej šablóny.
Metódy kontroly platnosti.
V prvom rade je to služba validator.w3.org. Bezplatne skontroluje vašu stránku. Vo svojom článku napísanom skôr som o tom už písal. Preto nebude veľký problém, ak sa budem opakovať. Ale tento článok má dôležité doplnky, preto vám odporúčam prečítať si tento aj tento článok až do konca. Prečítajte si predchádzajúci článok.
Prejdite na adresu: validator.w3.org (skopírujte odkaz a vložte ho do panela s adresou vášho prehliadača). Otvorí sa pred nami stránka s 3 kartami.
- Na prvej karte uvidíte nápis „Validate by URI“ - to sa prekladá ako „Tu môžete skontrolovať platnosť stránky umiestnenej na internete“.
- Pri druhom „Overiť odovzdaním súboru“ - to znamená, že môžete nahrať súbor z počítača.
- Na treťom „Overiť priamym vstupom“ - to znamená, že obsah súboru môžete vložiť priamo do vstupného formulára.
Ukážem vám prvú možnosť.
A tak sa vaša stránka nachádza na internete. Vyberte „Validate by URI“.
Prejdeme na tlačidlo Viac možností - to znamená, že vyberte možnosti. Tu nastavíme nasledujúce hodnoty:
Prvým je kódovanie.
Musíte si to skontrolovať na webe. To je dôležité! Hľadajte ho medzi značkami a stlačeniami klávesov CTRL+U, na začiatku dokumentu hľadajte takýto riadok:
— ak sa nájde, nechajte ho v tomto bode vybratý (zistí sa automaticky). Prekladá ako zisťovať automaticky.
Nájdené, potom tu tiež ponechajte hodnotu „detekovať automaticky“.
Pozor! Ak ste zaškrtli a máte všetko, do začiarkavacích políčok nič nezadávajte! Nechajte všetko tak!
A ak nemáte nič z toho, čo som napísal vyššie, budete musieť tieto hodnoty nastaviť sami. V mojom prípade som nič nezmenil a nechal som všetko tak.
Potom kliknite na tlačidlo Skontrolovať, teda skontrolovať.
Nasleduje kontrola platnosti vašej stránky a po chvíli sa zobrazí výsledok. Bude tam nápis so správou Tento dokument bol úspešne skontrolovaný ako HTML5. To znamená, že tento dokument bol úspešne overený v HTML5.
Nainštalujte si do prehliadača google translator a ten vám ponúkne preklady.
Ak po kontrole uvidíte nápis na červenom pozadí, znamená to, že v dokumente HTML máte chyby. Treba ich napraviť.
Budem analyzovať moju snímku obrazovky s chybami. Pozrime sa pozorne.
Mám chybu 3, 4 a 5...
Chyba 4 a 5 – úvodzovky navyše a žiadny atribút. Viem, kde mám tento kód, a tak som vošiel a upravil súbor.
Vo všeobecnosti sú chyby v skutočnosti jednoduché. Radím, aby ste pri nahrávaní obrázka vždy zapísali atribút a chýb bude oveľa menej.
Všetky chyby nie je možné úplne odstrániť, pretože mnohí odborníci používajú na svojich webových stránkach skripty a bannery. To sú tie, ktoré spôsobujú najviac chýb.
Moja rada je používať len tie najnutnejšie skripty.
Na internete nie sú žiadne stránky s bezchybným a čistým platným kódom. Dokonca aj známe stránky ako Yandex a Google majú tiež veľa problémov. To však vôbec neznamená, že nie je potrebné opravovať chyby.
Ak ste skontrolovali svoju šablónu a neviete, ako opraviť konkrétnu chybu, vždy môžete nájsť cestu von.
Ak to chcete urobiť, jednoducho vyberte názov chyby a vložte ho do služby Google alebo Yandex.
Máte aj inú možnosť – zverte túto zaťažujúcu úlohu znalému človeku kto rozumie kódu. V predchádzajúcom článku som rozobral niekoľko takýchto chýb. Ale to sú drobnosti. Vy sami alebo s pomocou niekoho musíte prísť na svoje chyby. Verte mi, len vy potrebujete svoju webovú stránku. A to je vo vašom záujme.
Nezabudnite sledovať odkaz (uviedol som ho vyššie) a uvidíte, ako sa vaša stránka zobrazuje v prehliadačoch iných používateľov. Musíte si vybrať šablónu, ktorá je responzívna a krásne sa zobrazuje na všetkých zariadeniach. Koniec koncov, od toho závisí pohodlie vášho návštevníka na stránke.
To je z mojej strany všetko. Vo svojich ďalších publikáciách budem pokračovať v rozoberaní chýb začínajúcich blogerov.
Vykoná niekoľko kontrol vášho kódu. Tie hlavné:
Hlavným argumentom proti validácii je, že je príliš prísna a nezodpovedá tomu, ako prehliadače v skutočnosti fungujú. Áno, HTML môže byť neplatný, ale všetky prehliadače môžu s niektorým neplatným kódom zaobchádzať rovnako. Ak som pripravený prevziať zodpovednosť nesprávny kód, ktorý napíšem, potom sa nemusím starať o kontrolu. Jediné, čoho sa musím obávať je, že to funguje.
Moja pozícia Toto je jeden z mála prípadov, kedy verejne hovorím o svojom postoji k niečomu. Vždy som patril medzi odporcov validácie na základe toho, že validátor je príliš prísny na to, aby bol praktický v skutočné aplikácie. Sú veci, ktoré podporuje väčšina prehliadačov (in, after), ktoré sú neplatné, ale niekedy sú veľmi potrebné pre správnu činnosť.Vlastne môj najväčší problém Validácia je kontrola č. 4 (pre cudzie prvky). Som zástancom používania vlastných atribútov v značkách HTML na ukladanie ďalších metaúdajov súvisiacich s konkrétnym prvkom. V mojom ponímaní je to napríklad pridanie atribútu foo, keď mám údaje (bar), ktoré potrebujem priradiť ku konkrétnemu prvku. Niekedy ľudia preťažia existujúce atribúty na tieto účely, len aby prešli overením, aj keď sa atribút použije na iné účely. Nedáva mi to zmysel.
Tajomstvo prehliadačov je v tom, že nikdy nekontrolujú, či sa HTML kód zhoduje so zadaným DTD. Doctype, ktorý ste zadali v dokumente, prepne analyzátor prehliadača do určitého režimu, ale nenačíta sa doctype a neskontroluje sa, či je kód v súlade s ním. To znamená, že analyzátor prehliadača spracováva HTML s určitými predpokladmi neplatnosti, ako sú samozatváracie značky a blokové prvky vnútri reťazcov (som si istý, že existujú aj iné).
V prípade vlastných atribútov všetky prehliadače analyzujú a rozpoznávajú syntakticky správne atribúty ako platné. To umožňuje prístup k takýmto atribútom cez DOM s pomocou Javascriptu. Prečo by som sa teda mal obávať platnosti? Svoje atribúty budem naďalej používať a som veľmi rád, že HTML5 ich formalizuje.
Najlepším príkladom technológie, ktorá má za následok neplatný kód HTML, no prináša obrovský rozdiel, je ARIA. ARIA funguje tak, že do HTML 4 pridáva nové atribúty. Tieto atribúty poskytujú dodatočný sémantický význam prvkom HTML a prehliadač je schopný sprostredkovať túto sémantiku pomocným zariadeniam, ktoré pomáhajú ľuďom so zdravotným postihnutím. Všetky hlavné prehliadače teraz podporujú označenie ARIA. Ak však použijete tieto atribúty, budete mať neplatný kód HTML.
Čo sa týka vlastných značiek, myslím, že na pridávaní nových syntakticky správnych značiek na stránku nie je nič zlé, ale nevidím v tom veľkú praktickú hodnotu.
Aby som vysvetlil svoj postoj: Som presvedčený, že kontroly č. 1 a č. 2 sú veľmi dôležité a mali by sa vykonávať vždy. Kontrolu č. 3 tiež považujem za dôležitú, ale nie takú dôležitú ako prvé dve. Kontrola č. 4 je pre mňa veľmi sporná, pretože ovplyvňuje vlastné atribúty. Domnievam sa, že vlastné atribúty by mali byť vo výsledkoch overenia maximálne označené ako upozornenia (nie chyby), aby som mohol skontrolovať, či som názov atribútu nezadal nesprávne. Označenie vlastných značiek ako chýb je možné dobrý nápad, ale má tiež určité problémy, napríklad pri vkladaní obsahu do iných značiek - SVG alebo MathML.
Validácia kvôli validácii? Myslím si, že validácia kvôli validácii je mimoriadne hlúpa. Platný kód HTML znamená, že všetky 4 kontroly prešli bez chýb. Existuje niekoľko dôležitých vecí, ktoré platný kód HTML nezaručuje:- platný kód HTML nezaručuje dostupnosť;
- Platné HTML nezaručuje dobré UX (používateľské skúsenosti);
- Platný kód HTML nezaručuje funkčnosť webovej stránky;
- Platný kód HTML nezaručuje správne zobrazenie stránky.
Viem, že je to pre mnohých kontroverzná téma, preto sa prosím zdržte čisto emotívnych vyjadrení v komentároch.
UPD: vďaka za karmu, presunul som ju do tematickej. Zopakujem slová autora: Chápem, že ide o kontroverznú tému, ale prosím, zdržte sa čisto emotívnych komentárov a uveďte argumenty.
Štandard HTML jasne definuje základnú štruktúru webového dokumentu. jazyk HTML je podmnožinou jazyka popisu dokumentu SGML (Structured Generalized Markup Language), teda html dokument je textový dokument pozostávajúci z html kódov a hlavného textu dokumentu. Na zobrazenie tohto dokumentu potrebujete WEB prehliadač - špeciálny program na tlmočenie a správne zobrazenie stránky na obrazovke.
Čo sa stalo HTML štandard?* HTML bol pôvodne vyvinutý Tim Berners-Lee a popularizoval ho prehliadač Mosaic vyvinutý spoločnosťou NCSA. V priebehu 90. rokov. vďaka rýchlemu rozvoju webu doslova rozkvitla. Boli časy, keď boli weboví vývojári nútení používať štandard HTML 2.0 (vyvinutý pod záštitou Internet Engineering Task Force (IETF) na zefektívnenie konvencií koncom roku 1994), ktorý podporoval iba formátovanie textu a vkladanie jednoduchej grafiky.* V roku 1995 boli zverejnené niektoré návrhy rozšíreného štandardu HTML 3.0 a stali sa neoficiálnymi pravidlami HTML, ktoré boli implementované v rôznych prehliadačoch.
* V máji 1996 sa objavila štandardná verzia 3.2. Zodpovednou organizáciou za štandard je WWW Consortium (W3C - world wide web consortium), ide o združenie zástupcov priemyslu a vedy.
* 18. decembra 1997 bolo vydané prvé vydanie špecifikácie W3C pre HTML 4.0. Druhé číslo (24. apríla 1998) obsahovalo niekoľko redakčných úprav.
* 24. decembra 1999 bol vydaný štandard HTML 4.01 - niektoré chyby boli opravené v predchádzajúcom štandarde - 4.0
* Prítomnosť normy znamená potrebu špeciálny program(v skutočnosti VALIDATOR), ktorý kontroluje prítomnosť porušenia špecifikácií, podľa ktorých bol dokument zostavený, v dokumente HTML, ak tam tieto porušenia skutočne existujú.
Čo je Validátor?
definícia:
Validátor: vyhovujúci syntaktický analyzátor SGML, ktorý dokáže nájsť a nahlásiť chybu označenia, ktorú je možné nahlásiť, ak (a iba ak) existuje.
Validátor: Analyzátor súladu so SGML, ktorý nájde a nahlási chybu označenia, ktorú možno nahlásiť, ak (a iba ak) existuje.
ISO 8896, odsek 15.4.
Systém HTML je teda validačným systémom HTML, ak
1) ide o validačný analyzátor SGML podľa ISO 8879, článok 15.4;
2) je schopný spracovať akýkoľvek dokument kompatibilný s HTML;
3) nájde a nahlási chybu v HTML, ak existuje;
4) nehlási chybu v HTML, ak neexistuje.
ISO/IEC 15445:2000/DCOR 1:2001(E), odsek 2.2.
Malo by sa pamätať na to, že html dokument nie je sebestačný fenomén a sám o sebe nevyzerá ako nič. Stránka nadobúda viditeľnú podobu iba v konkrétny prehliadač. Ako ukazuje prax - rôzne prehliadačešou konkrétnu stránku rôzne cesty(zobrazenie stránok závisí od fungovania opravných algoritmov zabudovaných do prehliadača a tieto algoritmy sú v rôznych prehliadačoch veľmi odlišné) a spravidla sú všetky tieto metódy správne. V skutočnosti je to jedna z dôležitých výhod siete - povedzme, človek so slabým zrakom si môže zväčšiť písmo alebo použiť prehliadač na čítanie, a preto si nemusí pripravovať samostatný. špeciálna verzia stránky.
Dva najbežnejšie prehliadače pre Windows vykresľujú stránky zhruba rovnako, líšia sa len v detailoch, ako sú okraje a výplň. Prehliadače pre počítače Macintosh alebo *Nix sa zvyčajne líšia od týchto dvoch v globálnejších smeroch. Zjavný prínos Výhodou štandardu je, že je oveľa jednoduchšie ovládať jednu špecifikáciu ako mnohé prehliadače.
citat:
„...Pre ľudí so zrakovým postihnutím ponúka HTML sľubné príležitosti na vyrovnanie svojich práv Obyčajní ľudia pri použití základnej grafiky používateľské rozhranie Windows. Tabuľkový HTML model obsahuje atribúty na označenie každej bunky na podporu vysokokvalitného textu pre rečové rozhranie. Tieto isté atribúty možno použiť na podporu automatického importu a exportu údajov tabuľky do databáz alebo tabuliek...“
Mnohí vývojári (väčšinou začínajúci webdizajnéri) nemusia súhlasiť s potrebou kódu, ktorý je v súlade so špecifikáciou: „Overovák zanecháva nudné stránky, zabíja kreativitu.“ Tento názor vzniká z jednoduchej lenivosti. Správny HTML text plne umožňuje dynamiku, multimediálne objekty, použitie skriptov atď.; Ide len o to, že všetky tieto efekty sa dajú robiť kompetentne, alebo sa dajú robiť negramotne. Nesmieme zabúdať ani na to, že v akejkoľvek tvorivej oblasti sa treba pravidlám najskôr naučiť a až potom ich dokážeme prekonať. Navyše, ani skúsení vývojári nie sú imúnni voči chybám, ktoré môžeme všetci urobiť preklepy alebo zabudnúť zatvoriť značku. Validátor dokáže takéto chyby sledovať a explicitne označiť miesto s nesprávnym formátovaním.
Dajme si konkrétne príklady chyby, ktoré určuje validátor:
ISO 8896, odsek 15.4.
- nesprávne(Chyba: bola tu začiatočná značka).
ISO 8896, odsek 15.4.
- Správny.vložený text
(Chyba: prvok "P" tu nie je povolený; možnou príčinou je vložený prvok obsahujúci prvok na úrovni bloku)
Text bol vložený
- Správny.Ak zistíte, že potrebujete skontrolovať kód podľa špecifikácie, tu je niekoľko tipov:
Kde môžem získať validátor? Validátor vo forme webovej stránky je ponúkaný na https://validator.w3.org. Vychádza z Clarkovho SP.Na https://htmlhelp.com/ je aj validátor. Vychádza tiež z SP, aj keď mierne upravený. Autori deklarujú, že je pri hodnotení prísnejší a deklarujú potenciálne nebezpečné, hoci platné miesta (napríklad neuzavretý štítok s voliteľným uzáverom). Ponúkajú sa zdroje validátora
Bezplatný validátor dostupný pre všetky platformy si môžete stiahnuť z webovej stránky J. Clarka (https://www.jclark.com/sp/). Spolu s parserom/validátorom je súčasťou dodávky aj normalizátor prúdu.
W3C distribuuje zdrojový kód validátora na https://validator.w3.org/, ale v skutočnosti to nie je validátor. Toto je len prispôsobenie validátora Clarke na webové rozhranie, vykonávané v Perle. Popis tejto úpravy jasne hovorí, že by ste mali mať na stroji Clarke validator. Ďalšie odkazy:
· https://ugweb.cs.ualberta.ca/~gerald/validate/
· https://www.webtechs.com/html-val-svc/
· https://www2.imagiware.com/RxHTML/
Dá sa nástroj z HomeSite – Validate Document – nazvať validátorom?
Vývojári Allaire HomeSite oznamujú, že „...verifikačný program vydávajú pod názvom „validátor“ čisto z komerčných dôvodov...“ a neuvoľnia skutočný validátor.
Program, ktorý je súčasťou HomeSite, porušuje definíciu validátora: nájde a zobrazí chyby, ktoré neboli urobené, a nenájde chyby, ktoré sa urobili.
Tu je príklad jej nesprávneho konania:
A) 
Reakcia: žiadna reakcia.
V skutočnosti je tu chyba: ALT druhého IMG nie je nastavený.
b)
Reakcia: chyba.
V skutočnosti je táto značka možná v rámci XHTML.
Túžba po dokonalosti je prvým znakom profesionality a netreba sa orientovať na obľúbené, no zďaleka nie dokonalé html kódové portály. Možno manažéri takýchto stránok po analýze štatistík návštevnosti zistili, že 99% navštevujúcich užívateľov uvidí všetko tak, ako ich dizajnér zamýšľal... Možno autori stránok zámerne vylučujú užívateľov s postihnutí...treba však pamätať na pojmy ako humanizmus a požiadavky zákona. S príchodom oficiálneho štandardu hrozí, že porušenie špecifikácie bude zažalované za zneprístupnenie stránky tým, ktorí nemôžu používať „bežný“ prehliadač. Hoci v regiónoch bývalých krajín SNŠ je legislatíva v tomto smere značne obmedzená, v osvietenom svete je problém vyriešený lepšie. Prístupnosť postupne nadobúda silu zákona. Validátor nezaručuje dostupnosť (pretože nenahrádza zdravý rozum), ale pomáha zabezpečiť, aby boli všetci používatelia primerane podporovaní.
Úspešné webové stránky a dokonalý kód pre vás, milí vývojári!
Ahoj, Drahí priatelia! Som rád, že ťa vidím na mojom blogu! Dnes si povieme niečo o platnosti HTML na stránke ako celku a jej samostatné stránky. Platnosť je súlad kódu s určitými normami. Svetové konzorcium pracuje na vývoji webových štandardov Wide Web(W3C) je medzinárodné spoločenstvo organizácií, zamestnancov a verejnosti.
Poslaním konzorcia je naplno využiť jeho potenciál World Wide Web, vývoj a implementácia protokolov a smerníc na zabezpečenie dlhodobého rastu internetu.
Oficiálna stránka W3C poskytuje veľmi užitočné online nástroje pre webmasterov, jedným z nich je validátor – tento bezplatná služba, ktorá vám umožňuje skontrolovať, či web dodržiava moderné webové štandardy.
Služba je bohužiaľ celá v angličtine, no ak sa trochu vyznáte vo vývoji a rozložení, určite pochopíte jej podstatu a posolstvo 😉
Na hlavnej stránke sú teda tri záložky:
Ak chcete spustiť analyzátor, musíte sa prepnúť na požadovanú kartu ako príklad, zvážim kontrolu podľa adresy URL. Pod odkaz Viac Možnosti sú skryté ďalšie možnosti, kliknutím naň získate prístup k nastaveniam:
- Character Encoding - kódovanie znakov. WordPress používa UTF-8, ale môžete to nechať štandardná hodnota"Zistiť automaticky" pre automatická detekcia kódovania
- Typ dokumentu - typ dokumentu (HTML, XHTML, SVG atď.). Začiarknite políčko Iba ak chýba, ak typ dokumentu nie je špecifikovaný na stránke a je potrebné ho zadať manuálne na overenie.
- Zoznam hlásení postupne – zobrazí chyby a varovania v sekvenčnom zozname;
- Skupinové chybové hlásenia podľa typu – zoskupujte chyby a upozornenia podľa typu;
- Zobraziť zdroj - zobrazenie zdrojového kódu;
- Zobraziť obrys – zobrazí štruktúru dokumentu;
- Clean up Markup with HTML Tidy - čistenie značiek pomocou HTML-Tidy;
- Overte chybové stránky - skontrolujte stránky s chybami, napríklad chyby 404;
- Verbose Output - podrobný výstup. Aby som bol úprimný, pri povolení tejto možnosti som si nevšimol rozdiel, ak viete, čo to robí, podeľte sa o to v komentároch, budem veľmi vďačný.
Keď sú všetky nastavenia nastavené, začnite stlačením tlačidla Skontrolovať HTML validátor. Ak dokument neobsahuje žiadne chyby, zobrazí sa nasledujúca správa:
Kontrola dokumentov dokončená. Žiadne chyby ani upozornenia na zobrazenie.
V preklade do ruštiny to znamená: „Overenie dokumentu bolo dokončené. Nenašli sa žiadne chyby ani upozornenia." Skvelé!
Ak dokument neprejde overením, uvidíme jednoduchý nápis o jeho dokončení:
A samozrejme zoznam hlásení, ktoré obsahujú informácie o chybách a varovaniach s vysvetleniami, ako aj odkazy na konkrétne riadky dokumentu, ale len v prípade, že bola povolená možnosť Zobraziť zdroj.
Snímka obrazovky nižšie zobrazuje fragment kontroly hlavnej stránky Yandex. Je zvláštne to vidieť, ani som to nečakal, pretože samotný Yandex sa podieľa na vývoji štandardov W3C... No, ach, je naozaj ťažké dodržať absolútne všetky štandardy, zvlášť pre taký veľký portál .
Na začiatku svojej cesty Free Webmaster Blog obsahoval množstvo chýb a varovaní. Ako som študoval, podarilo sa mi ich počet znížiť a časom sa ich úplne zbaviť. Odteraz budem dodržiavať štandardy W3C, aj keď niektoré pluginy pridávajú muchu... Čas ukáže!
Prečo teda potrebujeme platný kód? Validácia webových dokumentov - dôležitý krok, čo môže výrazne pomôcť zlepšiť a zabezpečiť ich kvalitu, ako aj ušetriť veľa času a peňazí. Niektorí odborníci tvrdia, že správny kód môže mať pozitívny vplyv na výsledky vyhľadávania! Otestujte svoje stránky a zdieľajte svoje výsledky!
Bitdefender Antivirus: Efektívny Defender bez otázok
Význam slova neúspešný
Recenzia Samsung Galaxy A7 (2017): nebojte sa vody a šetrite Oplatí sa kúpiť samsung a7
Vytvorenie zálohy firmvéru v systéme Android
Ako nakonfigurovať swap súbor?