A HTML-címkék beágyazása

Hogyan fűzzük a HTML címkéket helyesen

Ha megnézed a HTML-jelölést bármelyik weboldalhoz, láthatod a HTML-elemek HTML-elemeit. Ezek az elemek, amelyek "belül" vannak a "belül" a más néven "beágyazott elemek", és elengedhetetlenek a weboldal építéséhez ma.

Mit jelent a Nest HTML-címkékhez?

A fészekelés legegyszerűbb módja a HTML-címkéknek a tartalom tartására szolgáló dobozokra való gondolkodása. Tartalma tartalmazhat szöveget, képeket stb. A HTML címkék a tartalom köré csoportosulnak. Néha más dobozokba kell helyezni a dobozokat. Azok a "belső" dobozok egymásba ágyazódnak.

Ha van egy szövegtömb, amelyet félre akarsz mondani egy bekezdésben, akkor két HTML-elemed lesz , valamint maga a szöveg is.

Példa: Ez egy szövegmondat.

Ez a szöveg az, amit példaként fogunk használni. Íme, hogyan írható.

Példa: Ez egy szövegmondat.

Mivel azt szeretné, hogy a "mondat" szó félkövér legyen, a megemlékezések előtt és után felveszi és bezárja a vastag címkéket.

Példa: Ez egy mondat a szövegből.

Amint látja, van egy dobozunk (a bekezdés), amely tartalmazza a mondatunk tartalmát / szövegét, valamint egy második dobozt (az erős tagpárt), amely félreértelmezővé teszi ezt a szót.

A címkék feltöltésekor kritikusan fontos, hogy a címkéket az ellenkező sorrendben zárja be, amikor megnyitotta őket. Először a

parancsot nyitja meg, ezt követi a , ami azt jelenti, hogy megfordítja és bezárja a , majd a billentyűt.

Ennek másik módja az, hogy újra használjuk a doboz analógiáját. Ha egy dobozba helyezi a dobozt egy másik dobozba, bezárja a külsőt, mielőtt bezárná a külső vagy a tartalmi mezőt.

További beágyazott címkék hozzáadása

Mi van, ha csak egy vagy két szót akarsz merésznek lenni, és egy másik dőlt betű? Itt van, hogyan kell csinálni.

Példa: Ez egy mondat a szövegből, és van néhány dőlt szöveg is.

Láthatja, hogy a külső doboz, a

, most két egymásba ágyazott címkével rendelkezik: a és az . Mindkettőnek zárva kell lennie, mielőtt a doboz zárható.

Példa: Ez egy mondat szöveg, és van néhány dőlt szöveg is.

Ez egy másik bekezdés. < / p>

Ebben az esetben dobozok vannak dobozok belsejében! A legelterjedtebb doboz a

vagy a "divízió". Az adott mezőben egy pár beágyazott bekezdéscímke található, és az első bekezdésen belül egy következő és címkepár található. Ismét nézd meg a weboldalakat ma, és látni fogod ezt, és sokkal több fészket csinálsz! Így épülnek oldalak - dobozok a dobozok belsejében.

Miért kell törődnie a fészkeléssel?

Az egyik legfontosabb ok, amiért érdekel a fészkelés, ha CSS-t fogsz használni. A Cascading Style Sheets olyan címkékre támaszkodik, amelyek következetesen beágyazódnak a dokumentumba, hogy meg tudják mutatni, hol kezdődik és ér véget a stílus. Ha egy olyan stílust állít be, amely hatással van az összes olyan "linkre, amely a megosztottságon belül van, az" fő tartalmat "tartalmazó szöveggel az oldalon, akkor a helytelen betöltés megkönnyíti a böngésző számára azt, hogy hol használja ezeket a stílusokat. Nézzünk néhány HTML-t:

Példa: Ez egy mondat a szövegből, és van néhány dőlt szöveg is.

Ez egy másik bekezdés .

A mostani példa alapján, ha egy olyan CSS-stílust akarok írni, amely hatással lenne a megosztottságon belüli linkre, és csak ez a link (szemben az oldal más szakaszaiban található bármely más hivatkozással), akkor a fészkelő, hogy írja a stílusomat, mint olyan:

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

Egyéb okok közé tartozik a hozzáférhetőség és a böngésző kompatibilitása. Ha a HTML helytelenül van beágyazva, akkor nem lesz olyan hozzáférhető a képernyőolvasókhoz és a régebbi böngészőkhöz - és akár teljesen megszakíthatja az oldal vizuális megjelenését, ha a böngészők nem tudják kideríteni, hogyan kell megfelelően megjeleníteni az oldalt, mert a HTML elemek és címkék nincsenek a helyükön.

Végül, ha igyekszünk teljesen helyes és érvényes HTML-t írni, akkor helyes fészket kell használnod. Ellenkező esetben minden validátor jelzi a HTML-kódot hibásnak.