Pokud se podíváte na značku HTML pro kteroukoli webovou stránku dnes, uvidíte prvky HTML obsažené v jiných prvcích HTML. Tyto prvky, které jsou "uvnitř" jiných, jsou známé jako "vnořené prvky" a jsou nezbytné pro budování jakékoli webové stránky dnes.
Co to znamenalo pro hromadné tagy HTML?
Nejjednodušší způsob, jak pochopit vnoření, je přemýšlet o značkách HTML jako o rámečcích, které obsah obsahují. Váš obsah může obsahovat text, obrázky atd. HTML tagy jsou rámečky kolem obsahu. Někdy musíte umístit boxy uvnitř jiných políček. Tyto "vnitřní" boxy jsou vnořeny uvnitř ostatních.
Pokud máte blok textu, který chcete uvnitř odstavce zvýraznit, budete mít dva prvky HTML a samotný text.
Příklad: Jedná se o věta textu.
Tento text je to, co použijeme jako náš příklad. Zde je, jak to bude napsáno.
Příklad: Jedná se o větu textu. Protože chcete, aby slovo "věta" bylo tučné, přidáte před a po tomto slovu značku se zavřením a zavíráním.
Příklad: Jedná se o věta textu. Jak můžete vidět, máme jeden rámeček (odstavec), který obsahuje obsah / text naší věty, plus druhé pole (silný pár značek), které udělá toto slovo za tučné. Když vložíte značky, je velmi důležité, abyste značku zavřeli v opačném pořadí, v jakém jste je otevřeli. Otevřete nejdříve následuje , což znamená, že to zvrátit a zavřít a potom Dalším způsobem, jak přemýšlet o tom, je opět použít analogii krabic. Pokud umístíte krabici do jiné schránky, musíte uzavřít vnitřní skříň před uzavřením vnějšího nebo obsahujícího rámečku. Co kdybyste chtěli, aby jedno nebo dvě slova byla odvážná a jiný soubor byl kurzívou? Zde je postup. Příklad: Jedná se o věta textu a má také některé kurzívou také. Vidíte, že naše vnější krabice, , nyní má v sobě dvě vnořené značky - a . Oba musí být uzavřeny předtím, než může být uzavřená skříň s obsahem. Příklad: Jedná se o věta textu a má také některé kurzívou také. To je další odstavec. V tomto případě máme krabice uvnitř krabic! Většina boxu je Nejdůležitějším důvodem, proč byste se měli o hnízdění starat, je, pokud chcete používat CSS. Kaskádové styly se spoléhají na značky, které mají být v dokumentu důsledně vnořeny, aby zjistily, kde začínají a končí styly. Pokud nastavíte styl, který by měl ovlivnit všechny "odkazy, které jsou uvnitř divize s třídou" hlavního obsahu "" textu na stránce, nesprávné vnoření ztěžuje prohlížeč, aby zjistil, kde tyto styly aplikovat. Podívejme se na některé HTML: Příklad: Jedná se o věta textu a má také některé kurzívou také. To je další odstavec. Použitím příkladu jsem právě uvedl, že pokud bych chtěl napsat styl CSS, který by ovlivnil spojení uvnitř této divize, a pouze ten odkaz (na rozdíl od jiných odkazů v jiných částech stránky), musel bych použít vkládání psát svůj styl, jako takové: .main-content a { barva: # F00;}
Mezi další důvody patří dostupnost a kompatibilita prohlížeče. Pokud je váš HTML nesprávně vnořený, nebude k dispozici pro čtečky obrazovky a starší prohlížeče - a dokonce by mohl zcela narušit vizuální vzhled stránky, pokud prohlížeče nemohou zjistit, jak správně vykreslit stránku, protože prvky HTML a značky jsou na místě. Nakonec, pokud se snažíte napsat úplně správný a platný kód HTML, budete muset použít správné vnoření. V opačném případě bude každý validátor označen jako nesprávný kód HTML. Přidání více vnořených značek
Proč byste měli pečovat o hnízdění