Hromadné značky HTML

Jak HTML tagy hnízda správně

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ětu 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 začátkem a po uzavření tučně značek značku pro začátek a konec.

Příklad: Jedná se o větu 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. Nejprve otevřete

a poté , což znamená, že jste to zopakovali a zavřete 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.

Přidání více vnořených značek

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ětu textu a má také kurzívový text .

Vidíte, že naše vnější pole,

, má nyní v sobě dva vnořené značky - a . Oba musí být uzavřeny před tím, než může být uzavřená skříň s obsahem.

Příklad: Jedná se o větu textu a také text kurzívou .

/ p>

V tomto případě máme krabice uvnitř krabic! Většina boxů je

nebo "divize". Uvnitř tohoto pole je pár vnorených značek odstavců a uvnitř prvního odstavce máme další pár a tagů. Opět se podívejte na každou webovou stránku a uvidíte tohle a mnohem více hnízdění! Takto jsou stránky zabudovány - boxy uvnitř políček.

Proč byste měli pečovat o hnízdění

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 věděl, kde tyto styly aplikovat. Podívejme se na některé HTML:

Příklad: Jedná se o větu textu a také text kurzívou . > Toto 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.