Ha megnézed a HTML-t jelölés bármely mai weboldal esetében a HTML elemeket látni fogja a többi HTML elemben. Ezeket az elemeket, amelyek más elemeken belül vannak, úgy nevezzük beágyazott elemek, és elengedhetetlenek a mai weboldal felépítéséhez.
Mit jelent a HTML-címkék fészkelése?
A fészkelés megértésének legegyszerűbb módja a gondolkodás HTML címkék mint a tartalmat tároló dobozok. Tartalma tartalmazhat szöveget, képeket és a kapcsolódó médiákat. A HTML-címkék a dobozok a tartalom körül. Előfordul, hogy dobozokat kell elhelyeznie a többi dobozban. Ezek a "belső" dobozok mások belsejében vannak beágyazva.
Ha van egy blokk szövege, amelyet félkövéren szeretne bevinni egy bekezdésen belül, akkor kettő lesz HTML elemek valamint maga a szöveg.
Példa: Ez egy szöveges mondat.
Ezt a szöveget fogjuk használni példaként. Így írnánk HTML-ben:
Példa: Ez egy szöveges mondat.
Hogy a szót mondat félkövér, adjon hozzá nyitó és záró címkéket a szó elé és után.
Példa: Ez a mondat szöveg.
Amint láthatja, van egy dobozunk (a bekezdés), amely tartalmazza a mondat tartalmát, valamint egy második mező (a
erős tag pár), ami ezt a szót félkövérré teszi.Címkék fészkelésekor zárja be a címkéket azokkal ellentétes sorrendben, amelyeket megnyitott. Kinyitja a
először, majd a , ami azt jelenti, hogy ezt megfordítja és bezárja a majd a.
A gondolkodás másik módja a dobozok analógiájának újbóli használata. Ha egy dobozt egy másik dobozba tesz, akkor le kell zárnia a belső dobozt, mielőtt bezárhatja a külső vagy a benne lévő dobozt.
További beágyazott címkék hozzáadása
Mi van, ha csak egy vagy két szót akarsz félkövér, és egy másik dőlt betűs? Ennek módja:
Példa: Ez a mondat szöveg és van is néhány dőlt betűs szöveg is.
Láthatja, hogy a külső dobozunk, a
, most két beágyazott címke van benne - a és a . Mindkettőjüket le kell zárni, mielőtt az azt tartalmazó doboz záródhat.
Példa: Ez a mondat szöveg és van is néhány dőlt betűs szöveg is.
Ez egy másik bekezdés.
Ebben az esetben dobozok vannak a dobozok belsejében! A legkülső doboz a
vagy a. osztály. A doboz belsejében egy pár beágyazott. bekezdés címkék, és az első bekezdésen belül van egy következő. és tag pár.Miért kell törődnie a fészkeléssel
Az első számú ok, amiért fontos a fészkelés, az az, ha CSS-t fogsz használni. Lépcsőzetes stíluslapok támaszkodjon a címkék állandó beágyazására a dokumentumban, hogy meg tudja mondani, hogy a stílusok hol kezdődnek és hol végződnek. A helytelen beágyazás megnehezíti a böngésző számára, hogy hol tudja alkalmazni ezeket a stílusokat. Nézzünk meg néhány HTML-t:
Példa: Ez a mondat szöveg és van is néhány dőlt betűs szöveg is.
Ez egy másik bekezdés.
A fenti példa segítségével, ha a-t akartunk írni CSS stílus ami befolyásolná az e felosztáson belüli linket, és csak ezt a linket (szemben az oldal más szakaszainak más linkjeivel), a fészkelést kell használnunk e stílus megírásához:
.main-content a {
szín: # F00;
}
Egyéb szempontok
A hozzáférhetőség és a böngésző kompatibilitás is számít. Ha a HTML-je helytelenül be van ágyazva, akkor nem lesz olyan hozzáférhető a képernyőolvasók és a régebbi böngészők számára - és akár teljesen megtörheti a az oldal vizuális megjelenése, ha a böngészők nem tudják kitalálni, hogyan kell renderelni az oldalt, mert a HTML elemek és a címkék nincsenek hely.
Végül, ha arra törekszik, hogy teljesen helyes és érvényes HTML-t írjon, akkor a megfelelő fészkelést kell használnia. Ellenkező esetben minden érvényesítő hibásként jelöli a HTML-t.