Oprava html a css pomocí validátoru W3C. Použití HTML Validator. cesta. Pluginy prohlížeče

Anotace: Jaký je nejlepší způsob, jak začít s ověřováním stránek HTML a zajistit, aby se tyto stránky vykreslovaly správně různé prohlížeče, bez chyb? Odpovědí je validace (kontrola podle pravidel). To si budeme povídat

Úvod

Napsali jste tedy několik stránek HTML a zdá se, že jejich výstup je v pořádku, ale existuje několik věcí, které nejsou úplně v pořádku. Jaký je nejlepší způsob, jak začít zjišťovat, co je špatně, a zajistit, aby se tyto stránky (a stránky napsané v budoucnu) vykreslovaly správně v různých prohlížečích bez jakýchkoli chyb?

Odpověď je validace! Je jich mnoho dostupné prostředky na webu W3C a dalších místech, která umožňují ověření kódu webu.

Nejznámější validátory jsou následující:

• W3C MarkUp Validator(http://validator.w3.org/): Tento validátor najde doctype (X)HTML použitý v ověřovaném dokumentu a poté naskenuje celý dokument a ukáže místa, kde HTML kód neodpovídá použitému doctype ( tam, kde jsou chyby HTML kódu).
• W3C Link Checker(http://validator.w3.org/checklink): Tento validátor se podívá na dokument odeslaný k ověření a zkontroluje všechny odkazy v dokumentu, aby se ujistil, že neexistují žádné nefunkční odkazy (ty, jejichž hodnoty href ukazují na neexistující zdroje ).
• W3C CSS Validator(http://jigsaw.w3.org/css-validator/): Jak asi tušíte, tento validátor se dívá na CSS dokument(nebo HTML/CSS) a zkontroluje, zda CSS odpovídá specifikacím CSS.

Tento článek se podívá na první z těchto nástrojů, aby ukázal, jak jej používat a jak interpretovat typické výsledky, které validátor vrací. Kontrola odkazů je docela samozřejmá a CSS validátor bude také zcela jasný po přečtení tohoto článku a článků CSS, které budou prezentovány později v kurzu.

Článek má následující strukturu:

• Chyby
• Co je validace?
• Proč je potřeba ověření?
• Různé prohlížeče neinterpretují správný kód HTML různými způsoby
  • Quirksmode
• Jak ověřit stránky
  • W3C HTML Validator
• Závěr
• Další nástroje
• Kontrolní otázky

Chyby

V počítačovém programování existují, obecně řečeno, dva typy problémů s kódem:

• Syntaktické chyby jsou, když chyby v psaní kódu brání počítači ve správném spuštění nebo kompilaci programu.
• programátorské (neboli logické) chyby – když kód plně neodráží záměr programátora.

Ve většině programovacích jazyků lze chyby typu I poměrně snadno odhalit – program se jednoduše odmítne spustit nebo zkompilovat, dokud nebude chyba opravena. Díky tomu je mnohem snazší najít a opravit takové chyby v situacích „proč to nedělá, co chci“.

HTML není programovací jazyk. Syntaktické chyby na webové stránce obvykle nezpůsobí, že webový prohlížeč odmítne stránku otevřít (ačkoli XHTML je restriktivnější než HTML – alespoň při zpracování jako data aplikace/xhtml+xml nebo text/xml, jak by mělo být – a některé doctypes zakazují použití určité typy HTML prvky). To je jeden z hlavních důvodů rychlého přijetí a šíření webu.

První webový prohlížeč, WorldWideWeb (http://www.w3.org/People/Berners-Lee/WorldWideWeb.html), který napsal Tim Berners-Lee, byl také editorem, který lidem umožňoval vytvářet webové stránky, aniž by se museli nejprve učit HTML. Tento editor produkoval nesprávné HTML. To by se dalo opravit, ale byl vytvořen důležitý precedens, který dříve existoval ve všech webových prohlížečích dnes- jehož podstatou je, že umožnit lidem přístup k obsahu je důležitější než hlásit chyby lidem, kteří jim nerozumí nebo je neumí opravit.

Co je validace?

Ačkoli internetové prohlížeče přijme špatné (v naší terminologii neplatné) webové stránky a udělá to nejlepší, co je v jejich silách, aby vykreslil kód, přičemž co nejlépe odhadne záměr autora, je však možné zkontrolovat, zda byl HTML napsán správně, a ve skutečnosti toto by mělo být provedeno, jak uvidíme níže. Tento proces nazýváme HTML „validace“.

Validační program porovnává HTML kód na webové stránce s pravidly doprovodného doctype a hlásí, která pravidla byla porušena a kde.

Proč je potřeba ověření?

Mezi některými webovými vývojáři panuje obecný názor, že pokud webová stránka vypadá dobře v prohlížečích, nezáleží na tom, zda nebyla ověřena. Validaci nazývají ideálním cílem, ale ne něčím, co je černobílá záležitost.

Na tomto přístupu je něco pravdy, specifikace HTML není dokonalá a je nyní značně zastaralá. Některé věci, které by mohly být správné (například začátek uspořádaného seznamu v jiném bodě než 1), jsou v HTML neplatné. Jak však říká přísloví:

Naučte se pravidla, abyste věděli, jak je správně porušovat

Existují dva extrémně důležité důvody, proč ověřovat kód HTML při jeho vytváření.

• Člověk není dokonalý a ani kód, který vytváří – každý dělá chyby a webových stránek bude víc Vysoká kvalita(tj. pracovat důsledněji), pokud jsou odstraněny všechny chyby.
• Prohlížeče se mění. V budoucnu budou prohlížeče pravděpodobně méně shovívavé rozebrat neplatný kód.

Validace je systém včasného varování na existenci chyb na stránkách, které se mohou projevovat různými způsoby, které je obtížné odhalit. Když prohlížeč narazí neplatný kód HTML je nucen kvalifikovaně odhadnout, co jste zamýšleli udělat – a různé prohlížeče mohou přijít s různými odpověďmi.

Různé prohlížeče interpretují neplatný kód HTML odlišně

Vlastní HTML kód je pouze smlouva, kterou uzavřete s výrobci prohlížečů. Specifikace HTML říká, jak byste to měli napsat a jak by měli interpretovat váš dokument. V Nedávno Shoda se standardy prohlížečů dosáhla bodu, kdy pokud napíšete platný kód, všechny hlavní prohlížeče musí váš kód interpretovat stejně. To téměř vždy platí pro HTML, zatímco jiné standardy mají o něco větší rozdíly v podpoře mezi různými prohlížeči.

Co se ale stane, když do prohlížeče předáte neplatný (neplatný) kód? co se stane potom? Odpověď je, že zpracování chyb převezme v prohlížeči, aby určil, co dělat s kódem. Prohlížeč obvykle provede následující: „Dobře, tento kód je neplatný, jak můžete prezentovat tuto stránku koncový uživatel? Doplníme chybějící takto!"

Zní to skvěle, že? Pokud je na stránce více chyb, doplní prohlížeč ty chybějící za vás? Ne tak úplně, protože všichni

Ahoj všichni. Do Petrohradu jsem se opět vrátil po 3 týdnech za polárním kruhem. A tady je všechno stejně šedé a ponuré :(

Dnešní lekce je pro pokročilé webmastery. Nedoporučuji, aby začátečníci pochopili tak obtížné téma sami, je lepší si přečíst příspěvky v sekci „“. Článek zmínil, že jedním z kritérií kvality tématu je platnost jeho kódu.
V obecný obrys Dal jsem definici tento výraz. Ale myslím, že stojí za to se na to podívat podrobněji, což uděláme v dnešním článku.

Jak vzniklo World Wide Web Consortium?

Platnost v v obecném smyslu toto slovo znamená soulad s normami. V případě internetu pravidla a standardy pro rozvržení stránek a tvorbu kódu stanovuje W3C. Zakladatelé této organizace stáli u zrodu vývoje prvních verzí HTML (Hyper Text Markup Language, popř. hypertextové označení) a stali se průkopníky World Wide Web, který si postupně získal obrovskou oblibu. Tento objev patří siru Timothymu Johnu Berners-Leeovi spolu s Robertem Caillotem. Bernes-Lee je stále hlavou W3C ( Celosvětově Webové konsorcium, konsorcium Celosvětová Síť) a zákonodárce v této oblasti.

Pomocí značek HTML bylo možné vytvářet webové stránky a byly vytvořeny prohlížeče, které je rozpoznávaly ve formě známé uživatelům. W3C zavedlo řadu standardů, které musí dokumenty na webu splňovat, aby je všechny prohlížeče mohly správně rozpoznat. Po celou dobu vývoje internetu se mezi tvůrci vedly války o nadvládu. Někteří z nich se dokonce pokusili zavést vlastní nové standardy, ale W3C si díky svému vývoji dokázalo udržet roli zákonodárce v pravidlech pro tvorbu kódu. V HTML verze 3 podpora CSS (Cascading Style Sheets, popř kaskádové tabulky styly). Zpočátku byly styly, barvy a tvary specifikovány přímo v html kódu, ale Tvorba CSS výrazně zjednodušil tento úkol, odlehčil zdrojový kód a tím pádem i dobu načítání stránky. Nejnovější verze– to je HTML 5, které je čím dál aktuálnější. Na dlouhou dobu jeho místo zaujal Html 4.01 (od roku 1999).

Tento historický odkaz je poskytován proto, abyste lépe porozuměli tématu dnešní recenze – ověřování webových stránek. Pokud přejdete na oficiální web W3C v sekci „Standardy“, uvidíte celý seznam podsekcí se standardy. Zde můžete například vidět aktuální stav v HTML:

Pro každý z pododstavců existují dlouhé seznamy norem, které definují ten či onen atribut, prvek současná verze kód. Zde je například neúplný obsah pro HTML 5:

Existuje mnoho pravidel, jak chápete. Chcete-li zkontrolovat, zda je váš web v souladu s nimi, můžete použít speciální validátory webu.

Než však zvážíme jejich práci, pojďme zjistit, jak důležité je tuto operaci provést.

Měl by být web platný?

V této otázce neexistuje shoda, ale existují objektivní důvody, které naznačují, že je nutné zkontrolovat validaci webu.

První věc, na kterou byste si měli dát pozor, je tzv. cross-browser kompatibilita webu. Tito. V ideálním případě by se stránka měla zobrazovat rovnoměrně ve všech prohlížečích. V v tomto případě Soulad se standardy W3C zaručuje tuto možnost.

Za druhé, roboti vyhledávačů rozpoznávají html kód pomocí stejných parametrů jako prohlížeče. Tito. pokud váš kód obsahuje chyby, například neuzavřené značky, nefunkční odkazy, nebo nefunkční struktura, to vše může ovlivnit indexování webu vyhledávací roboty. Což znamená hrubé chyby v kódu může snížit pozici zdroje ve výsledcích vyhledávání.

Jak jsme však již viděli, W3C má spoustu pravidel a někdy není možné všechna dodržet. Proto je v této věci lepší držet se středu: nejprve opravte hrubé chyby. Je důležité dodržovat správnou syntaxi, kontrolovat vnoření značek a udržovat jejich správnou sekvenci a strukturu.

validátory kódu HTML a CSS

Je lepší zajistit dodržování pravidel hned od začátku. Hned v první fázi výběru WordPress témata U svého blogu věnujte čas kontrole platnosti kódu HTML a CSS. Je žádoucí, aby html kód a validátor css zpočátku přinesly následující výsledek:

Po instalaci pluginů a doplňků také zkontrolujte blog, abyste okamžitě identifikovali problémy a jejich zdroje.

Pro kontrolu ověření stránky existují různé online služby. Nejspolehlivější a nejúplnější z nich jsou validátory W3C.

Odkazy na ně najdete na hlavní stránce oficiálního webu - www.w3.org

Unicorn je kombinovaný validátor v ruštině (má funkci přepínání jazyků), který poskytuje informace o všech parametrech webu najednou.

Zadejte adresu URL webu a klikněte na „Zkontrolovat“.

Vpravo je počet chyb (červený kříž) a varování (žlutý vykřičník).

Vidět detailní informace chyby lze nalézt v rozevíracím seznamu pod každou možností.

Html validátor kontroluje chyby pro stránku zadanou adresou URL, nikoli pro celý web jako celek.

Podrobnější informace o chybách s popisky lze získat kontrolou ověření css a html kód v samostatných programech.

Takto vypadá popis chyb a jejich příčin v html validátoru:

Jak vidíte, informace jsou poskytovány v angličtině. Každé chybě nebo varování je přiřazeno číslo řádku zdrojový kód, ve kterém se nachází (linka 381, linka 652). Nejprve je potřeba opravit chyby (červená ikona). Pokud nevíte, co je tato chyba a jak ji opravit, zkuste vyhledat informace na specializovaných fórech nebo se zeptejte v komentářích k tomuto článku.

Opět platí, že html validátor diagnostikuje zdrojový kód a chyby je třeba opravit v odpovídajících souborech vašeho blogu. Jak je najít, jsme probrali v článku o.

Tento validátor má schopnost povolit další možnosti:

• Chyby můžete seskupit podle jednoho typu (Seskupit chybové zprávy podle typu);
• zobrazit veškerý zdrojový kód, který služba použila v analýze (Zobrazit zdroj);
• zkontrolujte stránky, které generují chybu (Ověřte chybové stránky).

Kromě toho vám povolená funkce „Vyčistit značky pomocí Html-Tidy“ umožňuje vidět váš kód s chybami opravenými podle verze programu Html-Tidy. W3C však na to upozorňuje tento program není jejich vývoj, a proto neposkytují záruky, že kód bude správný. nicméně tento kód může sloužit jako pomůcka při opravě chyb.

Podobnou možnost opravy chyb poskytuje také validátor kódu CSS W3C. Není potřeba to povolovat, funguje to standardně.

Kromě online validátorů stránek je možné nainstalovat i rozšíření pro FireFox, které bude přímo v prohlížeči kontrolovat chyby ve zdrojovém kódu stránky. Jmenuje se „Html Validator“.

Ještě připomenu, že kromě html a css existuje ještě . Jeho přítomnost je důležitá pro optimalizaci pro vyhledávače.

Dnešní téma je docela těžké. Když začnete opravovat chyby, pravděpodobně budete mít mnoho otázek. Je vhodné opravit to, v čem jste si jisti, abyste neporušili stránky. Nezapomeňte to udělat před provedením změn. Sbohem!

P.S. Onehdy jsme koupili letenky na zářijovou Kamčatku za zázračnou cenu 16 600 za osobu tam a zpět. Je to velmi levné, takové ceny už dlouho nebyly. Pokud by měl někdo zájem, myslím, že je ještě čas si takové lístky ulovit. S turistickým klubem PIK budeme lézt na sopky a obdivovat divokou nedotčenou přírodu.

Igore. Aktualizace: 9. června 2012.

Dobrý den, přátelé! Dnes velmi důležité téma na programu: jak vyrábět kontrola chyb na webu, což znamená kontrola platnosti(soulad se standardy) html pomocí služby validátor W3C.

Proč je to tak důležité? Především proto, že správnost html kódu pomáhá dosáhnout tak důležité součásti optimalizace webu, jako je identické zobrazení vašeho zdroje ve všech populárních webových prohlížečích, což samozřejmě napomáhá jeho optimalizaci a propagaci. Protože návštěvníci používají různé prohlížeče, včetně různé modifikace, a skutečnost, že web v nich vypadá stejně, dává webmasterovi další výhody v očích potenciálních čtenářů. Mimochodem, můžete si sami vybrat, který prohlížeč je lepší, přečtením příslušného materiálu.

Platnost, tedy soulad html kódu s určitými standardy, je stanovena Mezinárodním konsorciem W3C (World Široká síť Konsorcium). Všichni internetoví vývojáři z větší části nutně berou tyto standardy v úvahu při svých výtvorech. Souhlas, bez toho bude v internetovém prostoru vládnout chaos a anarchie, zejména programování. Kromě ovládání HTML kódu je velmi důležité implementovat.

Na závěr dodám, že v propagaci zdroje nemohou být nepodstatné detaily a i zdánlivá maličkost (např.) může spolu s tak důležitou součástí dát pozitivní impuls SEO optimalizace jako, .

W3C validátor: kontrola platnosti html dokumentu

Velmi užitečná servisní rada pro všechny webmastery při kontrole a údržbě html platnost- toto je validátor W3C. Pro Pokračujme na domovskou stránku W3C:

Jak vidíte, již existuje rozdělení podle regionů a ruskou verzi hlavní stránky si můžete prohlédnout výběrem v rozbalovací nabídce vpravo horní roh odpovídající oblasti a stiskněte tlačítko „GO“. Bohužel, html výsledky kontroly platnosti Prozatím jsou k dispozici pouze v angličtině, takže chcete-li přejít přímo ke kontrole chyb na webu, klikněte na odkaz „HTML and markup validator“ v pravém dolním rohu:

Chcete-li zkontrolovat platnost html, můžete udělat tři věci:

1. Ověření pomocí URI- zkontrolovat URL adresa dokument
2. Ověřte nahráním souboru- kontrola platnosti html pomocí staženého souboru
3. Ověření přímým zadáním- můžete přímo vložit HTML kód a zkontrolovat platnost.

Chcete-li zkontrolovat správnost html kódu webové stránky nebo stránky blogu na chyby, vyberte první možnost. Poté do příslušného pole zadejte adresu zdroje "Adresa" a stiskněte "Šek". Je docela možné, že v mém případě uvidíte následující obrázek, přesně to se stalo, když jsem poprvé začal kontrolovat svůj blog pomocí validátoru W3C:

Verdikt validátoru W3C je zklamáním: na stránce není možné zkontrolovat html chyby kód, protože na řádku 298 byl detekován neplatný znak. No, podívejme se na tento znak, protože existuje nápověda. Pokud použijete Google Chrome(manuál popisující tento prohlížeč), poté klikněte pravým tlačítkem a vyberte "Zobrazit kód stránky" z kontextové nabídky (nebo použijte kombinaci kláves Ctrl+U), čímž se na další záložce otevře stránka s HTML kódem.

V případě jiných prohlížečů: pokud jste uživatel internet Explorer(článek o Průzkumníkovi) vyberte si "Zobrazit HTML kód", Mozilla Firefox(více informací) - "Zdrojový kód stránky", Opera (o tom, jak stáhnout, nainstalovat, nakonfigurovat a aktualizovat prohlížeč Opera) - "Zdroj".

Podívejme se, s čím zde validátor W3C není spokojený. Jak můžete vidět ze snímku obrazovky, tento řádek odpovídá jednomu z komentářů, mé odpovědi na jeden z komentářů. Zde jsem omylem použil symbol ampersand &, toto je úryvek z " nejnovější komentáře" na domovské stránce:

Po úpravě tohoto místa znovu zkontrolujeme, zda na webu nejsou chyby, znovu pomocí validátoru W3C (abych to napravil, šel jsem do sekce „Komentáře“ admin WordPress panely a nahrazen & písmenem n):

Jak můžete vidět na výše uvedeném snímku obrazovky, tentokrát byl validátor schopen dokončit kontrolu a vydal 8 chyb a 2 varování. To je vlastně velmi málo a dá se s tím žít. Mnoho docela slušných, důvěryhodných stránek Yandex a Google má řádově více chyb v platnosti html.

Pozornost! W3C validátor kontroluje platnost pouze stránky, jejíž adresu zadáte, nikoli celého webu. Pokud je zadána adresa hlavní stránky, obdržíte údaje pouze pro tento dokument.

Dokonce domovská stránka Yandex, pokud se rozhodnete zkontrolovat jako příklad, obsahuje několik desítek chyb. To je však pochopitelné, je velmi obtížné neustále sledovat opravy kódu, protože dokumenty (čti: stránky webu) jsou neustále aktualizovány. Například jsme na WordPress blog Neustále k tomu či onomu účelu používáme pluginy, které také vnášejí chaos do html kódu.

I když „vyčistíte“ všechny zárubně, mohou se z výše popsaných důvodů objevit nové. Je důležité, aby těchto chyb nebylo příliš mnoho. Pokud samozřejmě dosáhnete jejich úplného odstranění, pak vám čest a chvála. Samozřejmě k tomu musíte alespoň vědět základy html znát algoritmus pro opravu chyb webu v kódu.

V následujících publikacích se pokusím toto téma znovu nastolit a na příkladech podrobněji říci, jaká konkrétní opatření je třeba podniknout k jejich odstranění; Aby vám neunikly nejnovější informace, přihlaste se k odběru aktualizací blogu prostřednictvím RSS. Ještě jednou připomínám, že také velký počet chyby v html kódu mohou bránit správnému zobrazení webu v různých prohlížečích. Navíc mi něco říká, že vyhledávače mohou brzy upravit pořadí, ve kterém jsou zdroje seřazeny, a zohlednit platnost html kódu. Kromě toho je zde vysvětlení některých nastavení na stránce validátoru W3C:

• Zobrazit zdroj - zobrazí zdrojový kód
• Zobrazit obrys – zobrazí řádek obsahující chybu
• Validovat chybové stránky - kontroluje platnost html stránky s chybou např.
• Vypisovat zprávy postupně – zobrazuje chyby a varování v běžném seznamu
• Group Error Messages by Type – klasifikuje chyby podle určitých kritérií
• Clean up Markup with HTML TIdy - vypíše správný kód, opraven HTML program Uklidit. V anotaci je uvedeno, že tento program není součástí validátoru W3C, takže nezaručují, že bude správně fungovat.

Tak to by pro dnešek asi stačilo. Doufám, že jste si uvědomili, že je potřeba zkontrolovat, zda váš web neobsahuje chyby, a zkontrolovat platnost html kódu vašeho webu pomocí validátoru W3C.

Chtěli byste dostávat včas a aktuální relevantní informace užitečné články? Poté se můžete přihlásit k odběru:

Další články na toto téma:

38 recenzí

1. Anna

   Fanoušci vytváření témat na WordPress, dokonce i profesionálové, to mají, jsou tam takové chyby hosting zdarma, kde lidé často staví GS. Vzal jsem si „krabici“ (hotový web na klíč od známého kreslíře a designéra rozložení), rok nebo trochu déle bylo vše v pořádku, po ověření platnosti asi před třemi měsíci bylo objeveno několik chyb. Igore, děkuji za to podrobný článek"konvička" 🙂! Teď se trochu ponořím do "co a jak?", ukázalo se, že je to jen ošemetná věc, ale nevím, jak to vnímají roboti, tedy "pavouci"? vyhledávače. Chtěl jsem od vás vědět: existuje souvislost s vyhledávači a validací, nebo je tento typ chyby pouze čistě technický bod a nachází se přísně na webu v tom smyslu, že žádným způsobem neovlivňuje pozice ve službách Google a Yandex?

   Igore, ještě jednou DĚKUJI.

2. Bazalka

   Kontroloval jsem chyby na svém webu. Viděl jsem chyby, ale není jasné, co dělat dál. Igore, proč nepublikujete své články na sociálních sítích pro webmastery? Vy dobré články a to může zvýšit návštěvnost vašeho webu.

3. Igore

   Anna, podle samotných zástupců Yandex a Google nemá počet chyb absolutně žádný vliv na pozici webu Výsledky vyhledávání. Ale nevíme, jak dlouho to bude trvat, protože algoritmy vyhledávačů se neustále mění.

4. Igore

   Vasilij, pokud jsi začátečník a nerozumíš jazykům html a css, tak si v první řadě dej pozor na to, kolik máš chyb a varování a porovnej s obsahem tvého webu. Pokud váš web již obsahuje několik desítek stránek a několik desítek chyb, není se čeho obávat, k nápravě situace se můžete vrátit později. Postupem času určitě získáš základní znalosti v html a css, pokud vyvíjíte svůj projekt a pak můžete rychle zjistit, co je co. Co se týče sociálních sítí, máte pravdu, jedná se o další provoz.

5. Anita

   Admin, W3C navrhuje tlačítka sociální sítě od Yandexu, pak mám reklamu od obou zástupců Googlu i Yandexu, všimlo si v nich i W3C kritická chyba, odstranil tři na několik sekund Google blokovat. Odesílám žádost kliknutím na tlačítko znovu zkontrolovat, byl jsem překvapen! Z dříve zbývajících 92, které nebyly opraveny, mám 83. Právě jsem odstranil reklamní kódy :). Nějak jsem začal uklízet Direct bez jakékoli touhy, protože... stejná chyba. A pokud jde o mě, W3C nemá rád znak & ani jako jediný význam, ani jako význam představující právo - ©.

   To nestačí, vidím, víte, W3C uvádí kde a na jakém řádku, to je pravda, zkontroluji, řekněme, že v závěru chybí řádek 127 spárovaná značka„tělo“ je hranaté, to znamená, že jsem nenašel chyby „>“ ani přes „FireFox“ ani při sledování pomocí „Ctrl“ + „U“ v „Google Chrome“, což je typické pro absenci „>“ Služba W3C vidí více ve značkách "body" a "noindex" a ve skriptu "javascript". Když jsem vše zkontroloval a upravil, zbylo 42 chyb, nevím, jak W3C funguje a hledá chyby, ale při procházení dalších zdrojů pomocí programu Notepad++ s pluginem pro zvýraznění syntaxe (nalezený na Habré) nejsou žádné chyby, ale. W3C tam má stále problémy. A bez tlačítek na sociálních sítích mě to nezajímá, stejně jako bez reklamy 🙂 Jsem neochotný. Děkuji za lekce.

6. Igore

   Milá Anito! Pokud stále nemůžete odstranit všechny chyby, je to v pořádku, zejména proto, že jste jejich počet snížili dvakrát. Vyhledávače zatím při hodnocení stránek neberou v potaz chyby ověření. Jste ale skvělí na to, abyste se rozhodli dát věci do pořádku, protože tato práce rozhodně nepřijde vniveč.

7. Lin-80

   Správná věc je zkontrolovat, zda váš web neobsahuje chyby.

8. Andrey

   díky za užitečný článek, opravil jsem své chyby v kódu

9. Igore

   Jsem za tebe rád, Andrey. Děkuji za komentář.

10. Ludmila

    Nemůžete mi říct, jak to opravit, právě jsem to začal zjišťovat, našel jsem, kde to opravit, ale nevím, čím opravit tento červený symbol.
    .. TP:/ / txtrk.com/tiz/c1tiz.php? ICS = 7354 & I av = 3809 & Adul = 1 & bcol = _EFEFEF a zcol = "+" a g...
    ✉
    Obvykle se jedná o kaskádové chyby způsobené nedefinovanou referenční entitou nebo použitím nekódovaných ampersandů (&) v adrese URL a hlavním textu. Více informací naleznete v předchozích příspěvcích.

11. Igore

    Ludmilo, máš chybu javascriptový kód, který zobrazuje reklamní blok od TxTrek, což znamená, že jste od nich dostali kód a vložili ho do postranního panelu, že? To znamená, že zde na vás nic nezávisí. Samozřejmě je můžete kontaktovat a požádat je o vyčištění kódu, ale je to ztráta času a úsilí. Nejprve upravte kód na místech, kde je to možné, tedy ve vašich souborech motivů a kódech obdržených od reklamních agregátorů a affiliate programy Ještě se toho nedotýkejte, protože ne vše závisí na vás.

12. Bazalka

    Igore, řekněte mi, to, co je zvýrazněno červeně, je chybný kód nebo by měl být tento znak přítomen, ale chybí.

13. Ludmila

    Igore, moc děkuji za odpověď.

14. Ludmila

    Také chci říci, že vaše stránky byly pro mě velmi užitečné, děkuji.

15. Igore

    Vasilij, záleží na povaze chyby.

16. Igore

    Jsem velmi rád, Ludmilo. 🙂

17. Rashida Garifulina
18. Igore

    Rashido, je v pořádku, pokud se objeví chyby, protože projekt se vyvíjí a je zcela nemožné se bez nich obejít. Jen je třeba čas od času zkontrolovat, zda se nezměnily v lavinu. Ano, v tomto ohledu není ani Yandex bezúhonný.

19. Alexander

    Dobré odpoledne, také právě projíždím svůj web... vyskytly se problémy s audio pluginy, smazal jsem to... teď to píše, že soubor nebyl nalezen: _http://alexandrrychko.ru/wp- content/plugins/wp-audio-player /css/audioplayer.css?ver=3.6: Nenalezeno co dělat..?

20. Igore

    Alexandro, co jste očekávali, když jste plugin smazali? V tomto případě samozřejmě dojde k chybě 404.

21. Ludmila
22. Alexander

    Ještě před smazáním byly chyby v audio přehrávači...proto jsem to smazal. Nějaké křivé pluginy))) Jak to vyčistit? co je teď potřeba smazat?

23. Igore

Stránky všech webových stránek na internetu jsou navrženy speciální kód, napsaný podle standardizovaných pravidel HTML.

co je platnost?

Validace je kontrola souladu se zavedenými standardy a v kontextu používaném webmastery i správnosti kódu stránky: syntaktické chyby, vnořování značek atd. Pokud je vše provedeno „správně“, kód stránky by neměl obsahovat nesprávné atributy, struktury a chyby. Ověření webových stránek umožňuje identifikovat nedostatky, které je třeba napravit.

Platnost webu je soulad s kódem stávající normy HTML.

Zda jsou v kódu webové stránky nějaké komentáře nebo chyby, můžete zjistit online nebo bez přístupu k internetu a pomocí offline programů.

Co jsou validátory kódu

Validátor kódu je program, který lze použít ke kontrole HTML kódu stránek a kódu CSS z hlediska souladu s moderními standardy. Najde a zaznamená nesprávné prvky, uvede jejich umístění a formuluje, co přesně je špatně naformátováno.

Základní „znaky“ platného rozvržení

Platný layout obsahuje kód, který plně vyhovuje požadavkům W3C (World Wide Web Consortium), které vyvíjí technologické standardy pro celý internet.

Pokud je kód na stránkách webu správný, pak se web zobrazuje správně (a není křivý) ve všech prohlížečích.

Ve výsledcích vyhledávání nejsou žádná podezření z nespravedlivého „downgradu“ a z indexu nejsou odstraněny žádné stránky.

Příklad. Pokud jsou značky nesprávné

..

, (zejména chybí uzavírací prvek), pak vyhledávač nic neopraví - vyloží si to tak, jak je to napsáno černobíle v kódu. V důsledku toho mohou nastat důsledky související s propagací webu.

Je při propagaci webu důležitý platný vzhled?

Teoreticky ano, ale v praxi se ukazuje, že nahoře je spousta webů s chybami ověření a weby s chybami se obecně pohybují dobře. Problémy s propagací mohou nastat pouze v případě, že se vaše stránky nezobrazují správně na určitém typu zařízení nebo v určitém prohlížeči. Pokud to vypadá skvěle, ale při ověřování jsou chyby, nebude to mít žádný vliv na propagaci.

Někteří webmasteři tento problém konkrétně zkoumali a snažili se zjistit, zda výsledky hodnocení závisí na výsledcích ověření. Webmaster Mark Daost poznamenal, že platnost kódu není zásadní. Shaun Anderson naopak přišel na to, že validita je z hlediska hodnocení ve vyhledávání jako balzám na duši webu.

Další specialista Mike Davidson také provedl podobný experiment a dospěl k závěru, že Google klasifikuje stránky podle kvality jejich psaní. Například, neuzavřený štítek může způsobit, že část obsahu bude vnímána jako význam této značky.

Tento webmaster uvedl velmi důležitou věc:

Nelze s jistotou říci, jak silně závisí hodnocení na platnosti kódu, ale je naprosto jisté, že existující nedostatky mohou vést k odstranění stránek nebo celého webu z indexu vyhledávače.

Proč je potřeba platný kód?

Platný kód umožňuje správné zobrazení stránek v prohlížečích (a styly CSS webu se nemusí zobrazovat správně).

Navíc je docela možné, že v jednom prohlížeči se váš web zobrazí tak, jak jste jej nakonfigurovali, a v jiném - zcela jinak. Obraz může být zkreslený a obsah může být zcela nečitelný.

V důsledku toho ztratíte provoz z tohoto prohlížeče. Kromě, behaviorální faktor, což je jeden ze tří nejvíce důležitými faktory v SEO výrazně ovlivňuje výsledky vyhledávání.

Představte si, že návštěvníci přijdou na váš web a okamžitě ho zavřou kvůli neschopnosti vnímat informace – díky chybám v kódu. Nebo se obvykle vrátí zpět do vyhledávače, protože nebylo nalezeno řešení. To vše udělá medvědí službu, protože nakonec faktor chování změní pozici webu k horšímu.

Jak zkontrolovat platnost webu

Ke kontrole integrity kódu nejčastěji používají velmi užitečnou stránku validátoru „Markup Validation Service“, která se nachází na adrese: http://validator.w3.org, vytvořená organizací W3C.

HTML

Zde máte tři možnosti ověření:

• zadejte adresu URL stránky;
• nahrajte soubor kódu ze svého počítače;
• vložit připravený kód ve formě.

Služba nejen upozorňuje na chyby html kódu a jejich umístění, ale také radí, jak je opravit. Pokud je kód již dostupný na webu, můžete jej ověřit zadáním jeho URL do formuláře „Validate by URL“ a kliknutím na tlačítko Check. HTML Validator umožní čtení kódu a hlásí výsledky.

Musíte zadat přesnou adresu URL stránky URL, kterou kontrolujete. Celý web nebude kontrolován. Zadejte adresu webu - za program je považována pouze jeho domovská stránka. V případě zjištění jakýchkoli připomínek je vydáno oznámení o neplatnosti. programový kód a poté jsou označeny řádky s chybami.

Toto video jasně vysvětluje proces ověření pomocí validátoru:

Kontrola místních souborů

Na stejné adrese http://validator.w3.org můžete kód zkontrolovat tak, že vyberete záložku „Validate by File Upload“ a nahrajete dokument s napsaným kódem.

Výběr cesty k požadovaný soubor a klikněte na Zkontrolovat. Pak se vše děje stejným způsobem.

Pomocí formuláře zadejte kód

Někdy je pohodlnější okamžitě vložit kód stránky a zkontrolovat jej online: vyberte kartu „Ověřit přímým zadáním“ a odešlete veškerý kód na server.

CSS

Platnost kódu CSS lze také zkontrolovat pomocí online validátoru: https://jigsaw.w3.org/css-validator/

Vše je zde v ruštině, pro mnohé je to opravdu příjemné překvapení.

Opět se můžete rozhodnout zadat adresu URL, nahrát soubor nebo vložit kód.

Stránka je zkontrolována na chyby, jako v případě HTML, a obdržíme odpověď ze serveru. Neexistují žádná nastavení ověření, ale můžete prozkoumat navržená vygenerovaná platný kód, umístěný za seznamem chyb v kódu.

Prostudujeme výsledný kód a dovedeme ten původní do požadované podoby.

Rozšíření prohlížeče

Pro prohlížeče existují nejrůznější ověřovací rozšíření. Pro Google Chrome existuje plugin HTML Tidy Browser Extension, který kontroluje platnost kódu, pro Opera - rozšíření Validator, pro Safari - Zappatic, pro Firefor - HTML Validator.

Podívejme se na poslední jmenovaný podrobněji. Provádí stejné ověření jako validátor, pouze offline. Můžete to získat zde http://users.skynet.be/mgueury/mozilla/

Nainstalujte rozšíření, restartujte prohlížeč – a můžete začít hned pracovat. Pokud máte s instalací nějaké problémy, můžete napsat na podporu Mozilla Firefox nebo se podívat na fórum http://forum.mozilla-russia.org/doku.php?id=general:extensions_installing

Podrobné video o instalace HTML Validátor a jeho použití:

Při načítání jakýchkoli přípona URL automaticky se zapne a přečte kód. Výsledek je vidět v pravém horním rohu.

Výsledek vypadá jako malý obrázek s výsledkem ověření:

Kliknutím na výsledek můžete otevřít:
- zdroj;
— chyby - v levém dolním bloku (nebo zpráva o platnosti);
— tipy na opravu chyb jsou vpravo dole.

Jak opravit nejčastější chyby

Bez ohledu na to, jak je kód zkontrolován, chyby se objeví v seznamu. Musí být také uveden řádek s vadou.

Před úpravou kódu byste to pro jistotu měli udělat záložní kopiešablona webových stránek.

V rozšíření Firefox, když kliknete na název chyby v otevřeném okně rozšíření, budete automaticky přesměrováni na řádek s neplatným kódem.

Tyto stejné chyby obsahují tipy, jak je opravit.
Dovolte mi uvést několik příkladů.

1. Žádná mezera mezi atributy.
…rel=”ikona zástupce” href=”http://arbero.ru/favicon.ico” type=”image/x-icon”

Zde opravy mají odstranit „středník“.

2. Koncová značka pro prvek „div“, který není otevřený

Zavírání tag div další. Pojďme to odstranit.

Nevíš dobře anglický jazyk(a vždy je tam vše popsáno)? Zkopírujte kód chyby a vložte jej do vyhledávače. Podobné téma již pravděpodobně popsal nějaký webmaster nebo návrhář layoutu, proto vždy najdete způsob, jak problém vyřešit na specializovaných zdrojích.

I když, abych byl upřímný, na chyby v kódu bych moc úsilí nevynaložil. Je lepší se jen ujistit, že web vypadá správně na všech zařízeních a prohlížečích.

Vlad Merževič

Existuje mnoho způsobů a metod, jak zkontrolovat webové stránky na chyby a komentáře. Obvykle se dělí na online a místní. Online jsou určeny ke kontrole stránek pomocí prohlížeče přes internet a místní slouží ke kontrole dokumentů aktuální počítač. Dále se budeme zabývat populárními metodami ověřování dokumentů.

validator.w3.org

Instalace rozšíření

Po stažení souboru můžete rozšíření nainstalovat několika způsoby.

1. Prostřednictvím správce rozšíření

Spusťte Firefox a otevřete nabídku Nástroje > Rozšíření. Přetáhněte stažený soubor (má příponu xpi) do okna, které se otevře. Dále se rozšíření nainstaluje automaticky.

2. Otevřením souboru

Vyberte v Nabídka Firefoxu odstavec Soubor > Otevřít soubor... a zadejte cestu k souboru s příponou, další akce prohlížeč to udělá sám.

3. Zkopírujte soubor do složkyrozšíření

Otevřete složku na disku, kde je nainstalován Firefox (například c:\Program Files\Mozilla Firefox) a najděte v ní podsložku rozšíření, do které rozšíření zkopírujte. Po spuštění prohlížeče další instalace odejde sám.

Všechny výše uvedené způsoby instalace vyžadují po instalaci rozšíření restartování prohlížeče. HTML práce Validátor se spustí ihned po restartu Firefoxu.

Li tyto metody z nějakého důvodu nepomohlo, můžete kontaktovat web podpory Prohlížeč Mozilla Firefox a přečtěte si o každém možné metody instalace rozšíření na
http://forum.mozilla-russia.org/doku.php?id=general:extensions_installing

Použití HTML Validator

Při otevírání HTML webové stránky Validátor začne pracovat okamžitě a výsledek kontroly se zobrazí ve stavovém řádku v jeho pravém dolním rohu ve formě malého obrázku. Obrázek závisí na stavu ověření a je znázorněn na Obr. 14.6.

Rýže. 14.6. Typy obrázků zobrazovaných při kontrole dokumentu

Kruh se zaškrtnutím (obr. 14.6a) označuje, že doklad je platný, žlutý trojúhelník S vykřičník(obr. 14.6b) - ke kódu jsou komentáře, které lze automaticky opravit. A červený kroužek s křížkem (obr. 14.6c) varuje, že došlo k závažným chybám.

Všechny chyby lze zobrazit dvěma způsoby. Nejprve se přes nabídku podívejte do HTML kódu dokumentu Zobrazit > Zdroj stránky nebo klikněte klikněte pravým tlačítkem myši a vyberte z kontextové nabídky Zobrazit zdrojový kód stránky(obr. 14.7).

Rýže. 14.7. Kontextová nabídka s možností výběru zdrojového kódu

Okno zdrojového kódu webové stránky je rozděleno do tří částí (obrázek 14.8), kde horní blok obsahuje vlastní HTML kód. V levém dolním bloku se zobrazuje seznam chyb a komentářů popř informační zprávy v případě platného dokladu. Pravý dolní blok je určen pro podrobné popisy aktuálních komentářů.

Rýže. 14.8. Výsledek práce HTML rozšíření Validátor