Test znalostí CSS. Testy na znalosti webových technologií. Vytvoření jednoduchého testu

Snad každý člověk se aktivně zajímá o rozvoj a propagace vyhledávače Internetové zdroje, alespoň jednou jsem se setkal s takovým pojmem, jako je platnost kódu webu. Co tedy takové tajemné, na první pohled, sousloví znamená?

Platnost kódu znamená použití hypertextového značkovacího jazyka (HTML) webu, který plně vyhovuje všem pravidlům a standardům Konsorcia. World Wide Web (Celosvětově Web Consortium nebo zkráceně W3C).

Přísné dodržování všech těchto pravidel a standardů dává webu řadu výhod, konkrétně: kompatibilitu napříč prohlížeči (správné zobrazení stránek webu ve všech populární prohlížeče), zvýšení rychlosti načítání webových stránek, pozitivní vnímání zdroje vyhledávači a další faktory.

S rozvojem elektroniky, která v posledních letech se pohybuje mílovými kroky, požadavky na validitu jako jedno z kvalitativních kritérií internetových zdrojů jsou stále přísnější. To je způsobeno především vznikem velkého počtu mobilní gadgety s displeji nejvíce různé velikosti. A je samozřejmé, že web s platným kódem by se měl co nejpřesněji zobrazovat na jakémkoli chytrém telefonu nebo tabletu.

Jak zkontrolovat platnost kódu webu?

Chcete-li zkontrolovat strukturu a čistotu kódu (platnost), měli byste použít jeden z mnoha online kontrolorů (validátorů). Na oficiálních stránkách World Wide Web Consortium můžete také zkontrolujte platnost kódu webu:

validator.w3.org pro platnost HTML a jigsaw.w3.org/css-validator pro platnost CSS.

Služba validator.w3.org umožňuje zkontrolovat platnost hypertextového značkovacího jazyka webu jedním ze tří navrhovaných způsobů:

  1. Validate by URI - kontrola platnosti HTML podle adresy webové stránky;
  2. Validate by File Upload - kontrola platnosti HTML nahraného dokumentu;
  3. Validate by Direct Input - kontrola platnosti fragmentu HTML kódu.

K výběru správnou cestou při kontrole platnosti kódu se stačí přepnout na příslušnou záložku:

Níže jasný příklad Předvedu výsledky kontroly platnosti tak oblíbeného zdroje mezi vývojáři a SEO, jako je Habrahabr. Chcete-li to provést, vložte adresu URL webu do příslušného pole validátoru a klikněte na tlačítko KONTROLA. Voila! Stačí pár sekund a validátor nám poskytne výsledek:

Výsledek je velmi slušný, jelikož při kontrole validity naprosté většiny stránek dojde ke stovkám a někdy i tisícům chyb.

Jak opravit chyby kódu?

Pokud bylo při kontrole platnosti kódu zdroje nalezeno velké množství chyb, pak za žádných okolností se nesmíš rozčilovat. Už jen proto, že není tolik stránek, které plně vyhovují pravidlům a standardům W3C. A všechny chyby lze poměrně rychle opravit. A často to jde i bez cizí pomoci.

Po dokončení kontroly kódu webové stránky vydá validátor seznam všech chyb a hrozeb s podrobným vysvětlením a pokyny k jejich odstranění. To vše je doplněno příklady, takže oprava chyb v kódu nebude obtížná ani pro začátečníka.

Ovlivňuje platnost kódu optimalizaci pro vyhledávače?

Platnost kódu je jedním z ukazatelů kvality webu, a to nejen proto, že zaručuje zdroji kompatibilitu napříč prohlížeči, zvýšenou rychlost načítání a tak dále. Jde o to, že čisté a strukturované HTML kód je jednou z nejdůležitějších součástí kompetentních vnitřní optimalizace místo. A důvody pro to jsou zcela zřejmé:

  • vyhledávače v algoritmech hodnocení se za jinak stejných okolností dává přednost webům s vyšší kvalitou;
  • platný kód je snadno a rychle zpracován a pravděpodobnost, že bude chybně přečtena vyhledávacími roboty, je minimální.

Nepochybně je potřeba zapracovat na chybách v kódu, ale chyby mohou být různé, ne všechny mohou vést ke špatnému hodnocení webu, pokud nemáte +100500 nebo více chyb, pak to není důvod k obavám! Opravte ty, které vy (jako vlastník vašeho webu) považujete za nejnebezpečnější. Toto je můj osobní názor a nemusím sdílet názor žádného ze čtenářů.

Zde je to, co si Google myslí o platnosti kódu webových stránek. Oficiální pozice vyhledávač ohledně vlivu platnosti kódu na optimalizace pro vyhledávače uvedeno v tomto krátkém videu.

Dnešní článek chci věnovat validaci webu (tedy HTML). Nejprve si definujme, co tento pojem znamená! Ověření webu je kontrola syntaktické chyby, kontrola vnoření značek a další kritéria. Validátory (služby pro kontrolu stránek na chyby ve struktuře dokumentu) zpravidla kontrolují HTML kód na shodu s určitým standardem, který je uveden na samém začátku každé HTML stránky v prvním řádku. Pokud jste nevěděli, k čemu to bylo, teď to budete vědět! 🙂 Ale proč přesně je toto ověření potřeba a co to ovlivňuje?

"Co je ověření webu?"

Jak jsem řekl výše, validace je soulad HTML kódu s určitými pravidly a standardy. XHTML bylo nahrazeno , což vývojářům výrazně usnadnilo život. Jde o to, že ve verzi XHTML byla syntaxe velmi přísná. Pokud v HTML5 můžete napsat značku wrap
jako bez lomítko, tedy v této podobě
, pak pouze v XHTML poslední možnost. HTML5 není tak striktní a kromě toho se objevilo mnoho užitečných značek, ale o tom to teď není :)

„Co ovlivňuje ověření webu?“

Nyní odpovězme na druhou otázku.

Ověření webu vám umožňuje sledovat správné zobrazení webu v různé prohlížeče. Pokud například nezavřete značku nebo uděláte někde v kódu překlep, pak se stejná stránka může v různých prohlížečích zobrazovat odlišně. Také (CSS) se nemusí zobrazit tak, jak jste očekávali. Proto je nutné toto bedlivě sledovat.

Také jsem si nemohl pomoct, ale řekl jsem, že ověření ovlivňuje vyhledávače: vyhledávače upřednostňují stránky s platným HTML kódem. Mějte to na paměti!

Přesvědčil jsem vás, že ověření webových stránek je opravdu nutné? Pak končíme s teorií a přejděme k praxi!

Metody kontroly validace

O každé z metod jsem psal podrobné pokyny formou textu a také, pokud je někdo líný číst a chápat, natočil jsem video 😉 .

1 způsob. Služba validator.w3.org

Podstatou první metody je použití služby pro kontrolu platnosti webu. Jak zkontrolovat platnost webu pomocí služby validator.w3.org:

1. Přejděte na adresu: validator.w3.org. Otevře se před námi stránka se 3 kartami. Na první záložce „Validate by URI“ můžete zkontrolovat platnost stránky zveřejněné na internetu, na druhé „Validate by File Upload“ - nahrát soubor z vašeho počítače a na třetí „Validate by Direct Input“ - vložte obsah souboru přímo do vstupního formuláře. Budu mluvit o první možnosti, to znamená, když je stránka zveřejněna na internetu (myslím, že s jinými metodami nebudete mít žádné problémy). Vyberte proto první kartu jako na obrázku níže:

  • Kódování znaků- kódování vašeho webu. ALE! Pokud je již mezi značkami (na svém webu v prohlížeči stiskněte klávesovou zkratku CTRL+U a podívejte se na začátek dokumentu na řádek jako je tento

    ). Pokud je něco podobného v prvním řádku, pak zde hodnotu také ponechte (detekuje automaticky).

Pokud nemáte nic z toho, co jsem popsal výše, budete muset tyto hodnoty nastavit sami. Tady jsem nic neměnil a nechal vše tak, jak je.

3. Poté do pole „Adresa“ zadejte adresu svého webu jako já:

Poté klikněte na tlačítko „Zkontrolovat“, které se nachází uprostřed šedého bloku:

4. Následuje ověření vašeho webu a po chvíli se objeví výsledek ověření. Vůle podobná stránka se zprávou „Tento dokument byl úspěšně zkontrolován jako HTML5!“ (což znamená, že váš web úspěšně prošel kontrolou platnosti určitý typ dokument, tedy v mém případě HTML5):

Pokud máte nápis na červeném pozadí, znamená to, že máte ve svém HTML dokumentu chyby. Je třeba je opravit. Chcete-li to provést, jednoduše zvýrazněte název chyby (ve videu vám ukážu, jak to vše udělat) a vložte jej například do Googlu. Pak si jednoduše přečtěte, jak se s touto chybou vypořádali ostatní webmasteři, a podle těchto tipů ji opravte. Máte také další možnost - svěřit tuto záležitost znalý člověk, který kódu rozumí, a nechte ho, aby to udělal za vás.

Metoda 2. Pluginy prohlížeče

1. Plugin prohlížeče Mozilla Firefox— Jdi

Klikněte na výše uvedený odkaz a vyberte verzi Prohlížeč Firefox a klikněte na tlačítko „Stáhnout“. Poté vyberte požadované operační systém a nainstalujte jej jako běžný doplněk. (kdo nechápe, koukněte na video :)

2. Plugin pro Prohlížeč Google Chrome – jděte

Zde musíte kliknout na tlačítko „Zdarma“ a poté ve vyskakovacím okně kliknout na „Přidat“.

3. Plugin pro Prohlížeč Opera— Jdi

Stává se i zde normální instalace dodatky.

4. Plugin pro Prohlížeč Safari— Jdi

Všechny služby prezentované v tomto extrémně užitečný výběr pomoci webdesignérovi otestovat jeho stránky z hlediska souladu se standardy a obecně uznávanými normami webových vývojářů. Kontrolovat můžete zejména správnost HTML kódu stránky, CSS styly, celosvětovou dostupnost stránek, přístupnost pro mobilní zařízení, extrémní zatížení webu, rychlost načítání stránky, v čem web vypadá různé prohlížeče a zejména v Internet Exploreru.

1. Kontrolní odkaz
Zkontroluje web nebo stránku, zda neobsahuje nefunkční odkazy

2. Kontrola URL
Ověřuje dostupnost stránek v různé body zeměkoule.

3. Mobilní kontrola
Kontroluje dostupnost webu pro mobilní zařízení a zobrazuje seznam chyb a komentářů.

4. Jednorožec
Několik testů pro web, zejména HTML 1.0 a ověření zdroje.

5. CSS validátor
Zkouška kaskádové tabulky styly (CSS) a dokumenty (X)HTML.

6. RSS kanál Validátor
Kontrola syntaxe kanálů RSS.

7. Přístupnost se stylem
Testuje web na shodu se standardy WCAG 1.0.

8. Barevný kontrast
Kontroly barevný kontrast mezi předním a zadním prvkem webu.

9.WDG HTML Validator
HTML validátor webových stránek.

10.Dr. Kontrola ověření webu Watson
Komplexní kontrola stránek v několika oblastech: HTML, odkazy, odkazy na obrázky, rychlost načítání, SEO.

11. Kontrola robotů
Služba pro kontrolu souboru robots.txt.

12. Firebug Firefox Rozšíření
Rozšíření pro Firefox se sadou testovacích nástrojů.

13. Náraz zatížení
Testování webu v extrémní podmínky zvýšené zatížení na web.

14.Accessibility-Checker
Další služba pro testování webu na shodu s normami.

15. Viewlike.us - služba nefunguje
Ukazuje, jak web kdy vypadá různá rozlišení obrazovka.

Ahoj všichni! Dnes vám řeknu, co to je platnost kódu webu, proč je to vůbec potřeba a jak to zkontrolovat a opravit pomocí různých online validátorů W3C (html, CSS). Začněme tedy teoriemi. Co je to vlastně za termín?

Platnost kódu je míra, do jaké kód vašeho webu vyhovuje uznávaným mezinárodním standardům, zkráceně W3C. Jinými slovy, kdysi dávno řadu obecná pravidla o psaní kódu, což v případě nesouladu se standardy W3C může znamenat nesprávné zobrazení vaše stránky v různých počítačích a mobilní prohlížeče. V některých zvláště vzácných případech to může vést k sankcím ze strany vyhledávačů a také k ukládání různých filtrů, které mohou zpomalit vývoj vašeho projektu. Ale to se stává velmi zřídka, protože i samotný Yandex a kód Google není 100% platný, to znamená, že obsahuje chyby.

Pravděpodobně máte otázku: proč musím utrácet své peníze vlastního času upravit kód svého webu tak, aby se stal platným, pokud to stále nic neovlivní? Jak jsem psal výše, je to nutné pro to, aby se vaše stránky zobrazovaly správně (bez chyb a chyb) v různých prohlížečích. Dnes, jak víte, jsou stále populárnější různé typy modely telefonů: iPhone, Android, Smartphone a další, které již používá celá populace Země. Dnes má každý třetí svůj vlastní mobilní telefon, jehož prostřednictvím může přejít online a navštívit vaše stránky. To je přibližně 20-30krát více než u těch, kteří mají vlastní vlastní počítač, notebook, tablet.

To znamená, že rozumíte. Publikum lidí, kteří používají mobilní zařízení, je největší, na což se musíme zaměřit. A pokud si pamatujete, kolik mobilních zařízení bylo vydáno za posledních 10 let a kolik nových modelů se každých šest měsíců vydává, pak je jasné, že by bylo velmi hloupé takový provoz (návštěvníky) promeškat. Nové technologie navíc nestojí na místě a s příchodem aktualizovaného jazyka html5 se vaše staré webové stránky vytvořené v roce 200 mohou na pozadí globální sítě ukázat jako jeden velký zádrhel.

Jak zkontrolovat platnost html a CSS kódu vašeho webu?

Takových služeb je na internetu spousta, nicméně téměř všechny jsou křivé a ještě dál angličtina, kde ani s ním nebude příliš snadné porozumět řečenému mluvíme o. Ale přesto existuje jeden z nich, který je normálnější, který nejen vysvětluje, ale také ukazuje, ve kterém řádku kódu se chyba nachází. Tak se seznamte - jigsaw.w3.org.

Návštěvou tohoto webu můžete zkontrolovat platnost kódu webu třemi způsoby. Na kartě „Kontrola URI“ zadejte adresu svého webu a služba vám poskytne celý seznam chyb nalezených v kódech pouze na domovskou stránku! Pokud se stejně jako já v kódech příliš nevyznáte a při prohlížení kódu svého webu nemůžete najít řádek, který je třeba opravit, můžete jednoduše nahrát svůj soubor CSS stylů (design webu) do „kontrola nahraného souboru “.

V tomto případě již budete vědět, do kterého souboru je potřeba kód vložit. Mimochodem, můžete to udělat ještě jednodušší. Pokud váš web běží například na nějakém enginu, budete muset přejít pouze na panel správce blogu v „ vzhled» „editor“, vyberte soubor, např. záhlaví (header.php), zkopírujte kód a vložte jej do služby v záložce „kontrola napsaného textu“. Takto jsem osobně zkontroloval svůj blog.

Takže na mém webu osobně bylo 44 chyb, což je ve srovnání s jinými weby velmi málo. Mimochodem, strýc Yandex má až 155 chyb, ah-ah-ah. Dobře, nemluvme o smutných věcech.

Abychom vám usnadnili opravu těchto nepřesností v kódech, dovolte mi, abych vám osobně ukázal pár příkladů na svém blogu. Nejprve věnujte pozornost nápisu Řádek 26. To označuje řádek kódu. Chcete-li to rychle najít, umístěte tento kód, který jste vložili do služby jigsaw.w3.org, se popisky řádků zobrazí v libovolném html editoru.

Všimněte si, že některá značka je v kódu vždy zvýrazněna červeně. Toto je místo, kde musíte kód hledat a upravovat. Nejčastěji je potřeba ji úplně odstranit, případně do ní doplnit chybějící značky. Také v názvu a ve spodní části nápisu jsou tipy v angličtině, co je třeba udělat pro opravu chyby.

Příklad 1. Zde je třeba odstranit uvozovky zvýrazněné červeně <> . Neměly by být uvnitř kódu, kde již existují na začátku a na konci.

Příklad 2. Na konci kódu chybí uzavírací značka /> . Všimněte si, že pokud je v horní části kódu další řádek také s neuzavřený štítek, pak musí být také uzavřen, jinak chyba nezmizí.

Příklad 3. Zde stačí odstranit opakovaný řádek: “ href=""> .

Mimochodem, měli byste opravovat především chyby, ty označené křížkem, a ne vykřičník, protože tyto chyby nejsou tak důležité. Než něco opravíte, udělejte to také, protože je vysoká pravděpodobnost, že to rozbijete. Po úplném vyčištění kódu doporučuji podívat se, jak se váš web zobrazuje v různých prohlížečích. různé platformy PC a telefony. Bezplatná online služba browsershots.org vám s tím může pomoci.

Jak jinak můžete rychle zkontrolovat platnost html a CSS kódu vašeho webu?

Pokud vám jigsaw.w3.org nestačil, máme pro vás pár dalších doplňkové služby pro kontrolu platnosti html kód webové stránky: www.validome.org, watson.addy.com,

Na závěr chci říci, že pokud v sobě najdete pár chyb, nemusíte se o to starat, protože to dnes není tak důležité. Obecně byly na toto téma již dlouhou dobu prováděny experimenty, ze kterých bylo zřejmé, že špatně platný kód neovlivňuje výsledky vyhledávání na webu. Ale bohužel, internet je prostředí, kde se všechno rychle mění. Dnes to může být jedno, ale zítra to Yandex zpřísní dodatečný algoritmus a pozice ve vyhledávání mohou klesat (klesat). Pokud tedy máte více času na práci s kódem svého webu, je lepší to udělat hned.

Kontrola platnosti HTML kódu stránky je nezbytně součástí mého . Ale není třeba přeceňovat význam chyb validace na SEO propagace- je velmi malý. Pro jakékoli téma v TOP budou stránky s velký počet dělat takové chyby a žít dobře pro sebe.

ALE! Absence technické chyby na webu je hodnotícím faktorem, a proto by tato příležitost neměla být zanedbána. Je lepší to opravit, horší to rozhodně nebude. Vyhledávače uvidí vaše úsilí a dají vám malé plus ve vaší karmě.

Jak zkontrolovat web na platnost kódu HTML

Ověření kódu webu se kontroluje pomocí online službu W3C HTML Validator. Pokud se vyskytnou chyby, služba vám poskytne seznam. Nyní rozeberu nejčastější typy chyb, se kterými jsem se na stránkách setkal.

  • Chyba: Duplicitní ID min_value_62222

A za touto chybou se skrývá varování.

  • Upozornění: První výskyt ID min_value_62222 byl zde

To znamená, že ID identifikátoru stylu je duplikováno, což podle pravidel html platnost musí být jedinečné. Místo ID můžete pro duplicitní objekty použít CLASS.

Oprava tohoto je žádoucí, ale není příliš kritická. Pokud je takových chyb hodně, je lepší je opravit.

Podobně mohou existovat další možnosti:

  • Chyba: Duplicitní ID placeWorkTimes
  • Chyba: Duplicitní ID callbackCss-css
  • Chyba: Duplicitní ID Capa_1

Následující je velmi časté varování.

To je velmi běžná chyba při kontrole ověření webu. Podle pravidel HTML5 atribut typu Značka skriptu není potřeba, je to zastaralý prvek.

Podobné upozornění pro styly:

  • Upozornění: Atribut type pro prvek style není potřeba a měl by být vynechán

Oprava těchto varování je žádoucí, ale ne kritická. Na velké množství lepší to opravit.

  • Upozornění: Vyhněte se hodnotám výřezu, které uživatelům brání ve změně velikosti dokumentů

Toto varování znamená, že nemůžete zvětšit velikost stránky na mobilu nebo tabletu. To znamená, že uživatel se chtěl blíže podívat na obrázky nebo velmi malý text a nemůže to udělat.

Toto upozornění považuji za velmi nežádoucí, je pro uživatele nepohodlné a je to behaviorální mínus. Eliminováno odstraněním těchto prvků - maximum-scale=1.0 a user-scalable=no.

  • Chyba: Byl zadán atribut itemprop, ale prvek není vlastností žádné položky

Toto je mikro značkování, atribut itemprop musí být uvnitř prvku s itemscope. Myslím, že tato chyba není kritická a může být ponechána tak, jak je.

  • Upozornění: Dokumenty by neměly používat about:legacy-compat, s výjimkou případů, kdy je generují starší systémy, které nedokážou vytisknout standardní typ dokumentu

Řádek about:legacy-compat je potřeba pouze pro generátory html. Zde to stačí udělat, ale chyba není vůbec kritická.

  • Chyba: Zbloudilý zdroj koncové značky

Pokud se podíváte do kódu samotného webu a najdete tento prvek, můžete to vidět jediná značka registrován jako pár - to není správné.

V souladu s tím musíte z kódu odstranit uzavírací značku. Podobně jako u této chyby se mohou objevit značky

  • Chyba: Prvek img musí mít atribut alt, kromě určitých podmínek. Podrobnosti naleznete v pokynech k poskytování textových alternativ pro obrázky

Všechny obrázky musí mít atribut alt, považuji tuto chybu za kritickou a je třeba ji opravit.

  • Chyba: Prvek ol není v tomto kontextu povolen jako podřízený prvek prvku ul. (Potlačení dalších chyb z tohoto podstromu.)

Vnoření značek je zde nesprávné. V

    tam by mělo být
  • . V v tomto příkladu tyto prvky nejsou vůbec potřeba.

    Podobně se mohou vyskytnout další chyby, jako je tato:

    • Prvek h2 není v tomto kontextu povolen jako podřízený prvek prvku ul.
    • Prvek a není v tomto kontextu povolen jako potomek prvku ul.
    • Prvek noindex není v tomto kontextu povolen jako potomek prvku li.
    • Element div není v tomto kontextu povolen jako potomek prvku ul.

    To vše je potřeba napravit.

    • Chyba: Atribut http-equiv není v tomto okamžiku pro prvek meta povolen

    Atribut http-equiv není určen pro prvek meta, je třeba jej odstranit nebo nahradit.

    Podobné chyby:

    • Chyba: Atribut n2-lightbox není v tomto okamžiku pro prvek a povolen.
    • Chyba: Atribut asyncsrc není v tomto okamžiku povolen ve skriptu prvku.
    • Chyba: Atribut price není u možnosti prvku v tuto chvíli povolen.
    • Chyba: Atribut hashstring není v tomto okamžiku povolen v rozpětí prvku.

    Zde je také potřeba buď odstranit atributy n2-lightbox, asyncsrc, price, hashstring nebo je nahradit jinými možnostmi.

    • Chyba: Špatná počáteční značka v obrázku v hlavě

    Nebo takhle:

    • Chyba: Chybná počáteční značka v div v hlavě

    Značky Img a div by neměly být in . Tuto chybu je třeba opravit.

    • Chyba: CSS: Chyba analýzy

    V v tomto případě Za závorkou ve stylech by neměl být středník.

    No taková chybička, maličkost, ale ne příjemná) Podívejte se sami, zda je potřeba ji odstranit nebo ne, na propagaci stránek to nebude mít žádný dopad.

    • Upozornění: Atribut charset v prvku script je zastaralý

    Již není potřeba specifikovat kódování ve skriptech, jedná se o zastaralý prvek. Varování není kritické, podle vašeho uvážení.

    • Chyba: Skript prvku nesmí mít atribut charset, pokud není zadán také atribut src

    V této chybě musíte ze skriptu odstranit atribut charset="uft-8", protože zobrazuje kódování mimo skript. Myslím, že je potřeba tuto chybu napravit.

    • Upozornění: Prázdný nadpis

    Zde je prázdná hlavička h1. Štítky je třeba odstranit

    nebo mezi ně vložte název. Chyba je kritická.

    • Chyba: End tag br

    Značka br je jednoduchá, ale je vyrobena tak, jako by uzavírala pár. Potřebujeme odstranit / ze značky.

    • Chyba: Odkaz na pojmenovaný znak nebyl ukončen středníkem. (Nebo & měl by byli utekl jako &.)

    Tento speciální znaky HTML, musíte jej napsat správně nebo &kopírovat. Je lepší tuto chybu opravit.

    • Závažná chyba: Po poslední chybě nelze obnovit. Jakékoli další chyby budou ignorovány

    Toto je závažná chyba:

    Po nemělo by tam být vůbec nic, protože je to poslední uzavírací značka stránky. Po něm je potřeba vše smazat nebo přesunout výše.

    • Chyba: CSS: vpravo: pouze 0 může být jednotkou. Za číslo musíte zadat jednotku

    Musíte napsat hodnotu v px:

    Zde je podobná chyba:

    • Chyba: CSS: margin-top: pouze 0 může být jednotkou. Za číslo musíte zadat jednotku
    • Chyba: Neuzavřený prvek a



Nahoru