Nêst HTML-tags

Hoe jo HTML-tags neikomme

As jo ​​hjoed de HTML-markearring foar elke webside besjen, sille jo HTML-eleminten sjen dy't yn oare HTML-eleminten binne. Dizze eleminten dy't 'binnen' fan 'e oare binne wat bekend binne as "nêst eleminten", en se binne essensjele om hjoed de webstee te bouwen.

Wat betsjut dit foar Nest HTML Tags?

De maklikste manier om nêst te begripen te begjinnen is te tinken oan HTML-tags as fakjes dy't jo ynhâld hâlde. Jo ynhâld kin tekst, bylden, ensfh. Befetsje HTML tags binne de kisten om de ynhâld. Somtiden moatte jo gebrûk meitsje fan kasten yn 'e oare kaaien. Dizze "ynterne" fekjes binne yn 'e oar ynsletten.

As jo ​​in blok fan tekst hawwe dy't jo wolle yn in paragraaf fûn hawwe, dan hawwe jo twa HTML-eleminten lykas de tekst sels.

Foarbyld: Dit is in sin fan tekst.

Dizze tekst is wat wy brûke as ús foarbyld. Hjir is hoe't it skreaun wurde.

Foarbyld: Dit is in sesje fan tekst

Omdat jo wolle dat it wurd "sin" fet is, adden jo iepenje en slúte tags foar en nei dy woartel.

Foarbyld: Dit is in sentence fan tekst

As jo ​​sjogge, hawwe wy ien kast (de paragraaf) dy't de ynhâld / tekst fan ús sin sit, plus in twadde kast (it sterke tag-pear), dat it wurd sa fett meitsje sil.

As jo ​​tagongsrjochten binne, is it kritisch wichtich dat jo de tags yn 'e tsjinoerstelde sesje slute dy't jo iepene hawwe. Jo iepenje de

earst, folge troch , dat betsjuttest dat jo it rjochtsje en slute de en dan de .

In oar manier om te tinke oer dit is it ea wer de analogy fan kaaien te brûken. As jo ​​in fakje yn in oare fekje pleatse, moatte jo de ynderlike slúte slute foardat jo it eksterrein of it fekje befetsje kinne.

Meitsje mear Nested Tags

Wat as jo ien of twa wurden wolle om fet te wêzen, en in oare kursus wêze moat? Hjir is hoe't jo dat dwaan.

Foarbyld: Dit is in sentence fan tekst en it hat ek gewoan kursisten tekst .

Jo sjogge dat ús bûtenkant, de

, no twa nêst befette tags yn - de en de . Se moatte beide sletten wurde foardat dat mei it fekje sluten wurde kin.

Foarbyld: Dit is in sentence fan tekst en it hat ek tekst kursus .

Dit is in oare alinea. / p>

Yn dit gefal hawwe wy kisten yn binnenkant! It meast útskeakelje is de

of in "divyzje". Binnen it fakje binne in pear nêst paragrafen-tags, en binnen de earste paragraaf hawwe wy in neist en tag-paar. Op 'e nij sjogge jo nochris nei alle websiden en jo sjogge dit en in protte mear nêstgeande! Dit is hoe't siden boud binne - boksen yn binnen.

Wêrom moat jo soarchje oer Nesting

It nûmer ien reden dat jo soarchje moatte oer nêst is as jo CSS brûke. Cascading Style Blêden steane op tags om konsistent yn it dokumint te nêst te wêzen sadat it kin fertelle wêr't stilen begjinne en einigje. As jo ​​in styl opstelle dy't alle "keppelings" dy't yn 'e divyzje fan' e divyzje ynfloed ha moatte, in klasse fan 'main-content' '' tekst op 'e side, makket it ferkearde nêst it hurd foar de blêder om te witten wêr't dizze stilen tapast wurde. Litte wy nei wat guon HTML sjogge:

Foarbyld: Dit is in sentence fan tekst en it hat ek tekst kursus .

> Dit is in oare alinea

It brûken fan it foarbyld haw ik krekt ferklearre, as ik in CSS-styl woe dy't de link yn dizze divyzje skeakelje soe, en allinich dizze keppeling (as yn tsjinstelling ta oare ferbinings yn oare seksje fan 'e side), soe ik it gebrûk meitsje moatte Nêst om myn styl te skriuwen, sa as:

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

Oare redenen binne tagonklikens en browser kompatibiliteit. As jo ​​HTML net goed genôch is, dan sil it net as tagonklik wêze foar skermlêzers en âldere browsers - en it kin perfoarst folslein it optreden fan in side brekke as de browsers net fine kinne hoe't jo in side bepale om HTML-eleminten en tags binne bûten it plak.

As lêste, as jo stride hawwe om folslein korrekt en jildich HTML te skriuwen, moatte jo it goeie nêst brûke. Oars, elke validator sil jo HTML ferkeard falsk meitsje.