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. p>
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 strong> a szövegből. p>
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 strong>, majd a p> 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 strong> a szövegből, és van néhány dőlt szöveg em> is. p> 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 strong> szöveg, és van néhány dőlt szöveg em> is. p> Ez egy másik bekezdés. < / p> div> Ebben az esetben dobozok vannak dobozok belsejében! A legelterjedtebb doboz a 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 strong> a szövegből, és van néhány dőlt szöveg em> is. p> Ez egy másik bekezdés . P> div> 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: 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. Miért kell törődnie a fészkeléssel?