Co znamená vnoření HTML?

The best protection against click fraud.

Když se podíváte na HTML označení pro jakoukoli webovou stránku dnes uvidíte prvky HTML obsažené v jiných prvcích HTML. Tyto prvky, které jsou „uvnitř“ ostatních prvků, jsou známé jako vnořené prvkya jsou dnes nezbytné pro vytváření jakékoli webové stránky.

Co to znamená vnoření značek HTML?

Nejjednodušší způsob, jak pochopit vnoření, je myslet Značky HTML jako pole, která obsahují váš obsah. Váš obsah může zahrnovat text, obrázky a související média. Značky HTML jsou pole kolem obsahu. Někdy je třeba umístit boxy do jiných boxů. Tyto „vnitřní“ boxy jsou vnořené uvnitř ostatních.

Máte-li v odstavci blok textu, který má být tučně, budete mít dva Prvky HTML stejně jako samotný text.

Příklad: Toto je věta textu.

Tento text použijeme jako příklad. Takto by to bylo napsáno v HTML:

Příklad: Toto je věta textu.

Aby bylo slovo věta tučně, přidejte otevírací a zavírací značky před a za toto slovo.

Příklad: Toto je a věta textu.

Jak vidíte, máme jedno pole (odstavec), které obsahuje obsah věty, a druhé pole ( silný dvojice značek), která toto slovo vykreslí tučně.

instagram viewer

Když značky vnoříte, zavřete je v opačném pořadí, v jakém jste je otevřeli. Otevřete

nejprve následuje , což znamená, že to obrátíte a zavřete a pak.

Další způsob, jak o tom přemýšlet, je znovu použít analogii krabic. Pokud umístíte krabici do jiné krabice, musíte zavřít vnitřní, než budete moci zavřít vnější nebo obsahující krabici.

Přidání dalších vnořených značek

Co když chcete mít jen jedno nebo dvě slova tučně a další sada kurzíva? Zde je návod, jak to udělat.

Příklad: Toto je a věta textu a také nějaké má kurzíva také.

Můžete vidět, že naše vnější krabice,

, nyní má uvnitř dvě vnořené značky - a . Obě musí být uzavřeny, než bude možné zavřít krabici obsahující krabici.


Příklad: Toto je a věta textu a také nějaké má kurzíva také.


Toto je další odstavec.


V tomto případě máme uvnitř krabic boxy! Nejvzdálenějším políčkem je

nebo a. divize. Uvnitř této krabice je pár vnořených. značky odstavcůa uvnitř prvního odstavce máme další. a dvojice značek.

Proč byste se měli starat o hnízdění

Prvním důvodem, proč byste se měli o vnoření starat, je, pokud budete používat CSS. Kaskádové styly spoléhejte na to, že značky budou v dokumentu konzistentně vnořeny, aby bylo možné zjistit, kde styly začínají a končí. Nesprávné vnoření ztěžuje prohlížeči vědět, kde tyto styly použít. Podívejme se na nějaký HTML:


Příklad: Toto je a věta textu a také nějaké má kurzíva také.


Tohle je další odstavec.


Pomocí výše uvedeného příkladu, pokud bychom chtěli napsat a Styl CSS který by ovlivnil odkaz uvnitř tohoto rozdělení, a pouze tento odkaz (na rozdíl od ostatních odkazů v jiných částech stránky), bychom k psaní tohoto stylu museli použít vnoření:

.main-content a {
 barva: # F00;
}

Další úvahy

Důležitá je také dostupnost a kompatibilita prohlížeče. Pokud je váš HTML nesprávně vnořený, nebude tak přístupný čtečkám obrazovky a starším prohlížečům - a mohl by dokonce úplně rozbít vizuální vzhled stránky, pokud prohlížeče nemohou přijít na to, jak správně vykreslit stránku, protože prvky HTML a značky jsou mimo místo.

Nakonec, pokud se snažíte psát úplně správné a platné HTML, budete muset použít správné vnoření. Jinak každý validátor označí váš HTML jako nesprávný.

instagram story viewer