Ak sa pozriete na značku HTML pre ktorúkoľvek webovú stránku dnes, uvidíte prvky HTML obsiahnuté v iných prvkoch HTML. Tieto prvky, ktoré sú "vnútri" iných, sú známe ako "vnorené elementy" a sú dôležité pre budovanie akejkoľvek webovej stránky dnes.
Čo to znamená HTML tagy hniezda?
Najjednoduchší spôsob, ako pochopiť vnorenie, je premýšľať o značkách HTML ako o rámčekoch, ktoré obsahujú. Váš obsah môže obsahovať text, obrázky atď. Tagy HTML sú rámčeky okolo obsahu. Niekedy musíte umiestniť boxy vnútri iných políčok. Tieto "vnútorné" boxy sú vnorené do iných.
Ak máte blok textu, ktorý chcete vnútri odseku tučným písmom, budete mať dva prvky HTML, ako aj samotný text.
Príklad: Toto je a veta textu.
Tento text je to, čo budeme používať ako náš príklad. Tu je, ako by to bolo napísané.
Príklad: Toto je textová veta. Pretože chcete, aby slovo "veta" bolo tučné, pridáte pred a po tomto slove otvorené a zatváracie značky.
Príklad: Toto je a veta textu. Ako môžete vidieť, máme jedno políčko (odsek), ktorý obsahuje obsah / text našej vety, plus druhé pole (silný štvorček tagov), ktorý bude robiť toto slovo tučným písmom. Keď vložíte značky, je veľmi dôležité, aby ste značky zavreli v opačnom poradí, ako ste ich otvorili. Otvoríte po prvom nasledujúcom , čo znamená, že to zvrátite a zatvorte a potom Ďalším spôsobom, ako zamyslieť sa nad tým, je znova použiť analógiu krabičiek. Ak umiestnite krabicu do inej krabice, musíte zatvoriť vnútornú skrinku, aby ste mohli zatvoriť vonkajšiu alebo obsahujúcu škatuľu. Čo ak chcete, aby jedno alebo dve slová boli odvážne a iný súbor bol kurzívou? Tu je postup ako to urobiť. Príklad: Toto je a veta textu a má aj niektoré kurzívou tiež. Môžete vidieť, že naša vonkajšia škatuľa, , teraz má v sebe dve vnorené značky - a , Musia byť obe zatvorené predtým, než je možné uzavrieť box s obsahom. Príklad: Toto je a veta textu a má aj niektoré kurzívou tiež. Toto je ďalší odsek. V tomto prípade máme boxy vnútri krabičiek! Najpoužívanejšia políčka je Prvým dôvodom, prečo by ste sa mali zaujímať o hniezdenie, je, ak chcete použiť CSS. Kaskádové štýly sa spoliehajú na značky, ktoré majú byť vnorene vnorené do dokumentu, aby dokázali rozpoznať, kde štýly začínajú a končia. Ak nastavíte štýl, ktorý by mal ovplyvniť všetky "odkazy, ktoré sú v rámci divízie s triedou" hlavného obsahu "textu na stránke, nesprávne vnorenie znemožňuje prehliadaču vedieť, kde tieto štýly použiť. Poďme sa pozrieť na niektoré HTML: Príklad: Toto je a veta textu a má aj niektoré kurzívou tiež. Toto je ďalší odsek. Použil som príklad, ktorý som práve uviedol, ak by som chcel napísať štýl CSS, ktorý by ovplyvnil spojenie v rámci tejto divízie a len ten odkaz (na rozdiel od akýchkoľvek iných odkazov v iných častiach stránky), musel by som použiť hniezdenie písať môj štýl, ako také: .main-content a { farba: # F00;}
Medzi ďalšie dôvody patrí dostupnosť a kompatibilita prehliadača. Ak je váš kód HTML nesprávne vnorený, nebude tak prístupný pre čítačky obrazovky a staršie prehliadače - a dokonca by dokonca úplne narušil vizuálny vzhľad stránky, ak prehliadače nemôžu zistiť, ako správne vykresliť stránku, pretože prvky HTML a značky sú na mieste. Nakoniec, ak sa snažíte napísať úplne správny a správny kód HTML, budete musieť použiť správne vnorenie. V opačnom prípade bude každý validátor označený ako nesprávny kód HTML. Pridávanie viacerých vnorených značiek
Prečo by ste mali starať o hniezdenie