Vkladanie značiek HTML

Správne vnorenie značiek HTML zabraňuje chybám HTML

Ak sa pozriete na HTML značkovanie pre každú webovú stránku dnes uvidíte prvky HTML obsiahnuté v iných prvkoch HTML. Tieto prvky, ktoré sú „vo vnútri“ iných prvkov, sú známe ako vnorené prvky a sú dnes nevyhnutné na vytvorenie akejkoľvek webovej stránky.

Čo to znamená Nest HTML Tags?

Najjednoduchší spôsob, ako pochopiť hniezdenie, je premýšľať HTML tagy ako krabice, ktoré obsahujú váš obsah. Váš obsah môže zahŕňať text, obrázky a súvisiace médiá. HTML tagy sú rámčeky okolo obsahu. Niekedy je potrebné umiestniť krabice do iných krabíc. Tieto „vnútorné“ boxy sú vnorené do iných.

Ak máte blok textu, ktorý má byť v odseku tučný, budete mať dva HTML prvky ako aj samotný text.

|_+_|

Tento text použijeme ako príklad. Takto by to bolo napísané v HTML:

|_+_|

Príklad: Toto je textová veta.

Aby slovo veta tučné, pridajte otváracie a zatváracie značky pred a za toto slovo.

|_+_|

Príklad: Toto je a veta textu.

Ako vidíte, máme jeden rámček (odsek), ktorý obsahuje obsah vety, plus druhý rámček ( silný pár značiek), čím sa toto slovo zobrazí tučným písmom.

Keď vkladáte štítky, zatvorte štítky v opačnom poradí, ako ste ich otvárali. Otvoríte

prvý, po ňom nasleduje , čo znamená, že to otočíte a zatvoríte a potom

Ďalším spôsobom, ako o tom premýšľať, je opäť použiť analógiu krabičiek. Ak umiestnite škatuľu do inej škatule, musíte zavrieť vnútornú predtým, ako budete môcť zavrieť vonkajšiu alebo obsahujúcu škatuľu.

Pridanie ďalších vnorených značiek

Čo ak chcete, aby to bolo len jedno alebo dve slová tučné písmo a ďalšie nastavenie na kurzívu ? Tu je návod, ako na to.

|_+_|

Príklad: Toto je a veta textu a má aj nejaké kurzívou tiež.

Môžete vidieť, že naša vonkajšia schránka,

, má teraz v sebe dve vnorené značky — the a . Pred zatvorením obalu, ktorý obsahuje, musia byť obe zatvorené.

|_+_|

Príklad: Toto je a veta textu a má aj nejaké kurzívou tiež.

Toto je ďalší odsek.

V tomto prípade máme krabice v krabiciach! Vonkajší box je

alebo a divízie . Vo vnútri tohto boxu je pár vnorených značky odsekov a v prvom odseku máme ďalší a pár značiek.

Prečo by ste sa mali starať o hniezdenie

Prvým dôvodom, prečo by ste sa mali starať o vnorenie, je, ak sa chystáte použiť CSS. Kaskádové štýly spoliehajte sa na to, že značky budú dôsledne vnorené do dokumentu, aby bolo možné určiť, kde štýly začínajú a končia. Nesprávne vnorenie sťažuje prehliadaču vedieť, kde použiť tieto štýly. Pozrime sa na nejaké HTML:

|_+_|

Príklad: Toto je a veta textu a má aj nejaké kurzívou tiež.

Toto jeďalší odsek.

Ak použijeme vyššie uvedený príklad, ak by sme chceli napísať a CSS štýl to by ovplyvnilo odkaz v tomto rozdelení a iba tento odkaz (na rozdiel od akýchkoľvek iných odkazov v iných častiach stránky), by sme museli použiť vnorenie na napísanie tohto štýlu, ako takého:

|_+_|

Ďalšie úvahy

Dôležitá je aj dostupnosť a kompatibilita prehliadača. Ak je váš kód HTML nesprávne vnorený, nebude tak dostupný pre čítačky obrazovky a staršie prehliadače – a môže dokonca úplne narušiť vizuálny vzhľad stránky, ak prehliadače nedokážu zistiť, ako správne vykresliť stránku, pretože prvky a značky HTML nie sú na mieste.

Nakoniec, ak sa snažíte napísať úplne správny a platný kód HTML, budete musieť použiť správne vnorenie. V opačnom prípade každý validátor označí váš kód HTML ako nesprávny.