Inbniet HTML tags

Kif Nest HTML Tags B'mod korrett

Jekk wieħed iħares lejn il-markup HTML għal kwalunkwe paġna tal-web illum, se tara elementi HTML li jinsabu f'elementi HTML oħra. Dawn l-elementi li huma "ġewwa" ta 'oħrajn huma dak magħrufin bħala "elementi imsejjes", u huma essenzjali biex tinbena kwalunkwe paġna tal-web illum.

Xi jfisser għal Nest HTML Tags?

L-eħfef mod biex wieħed jifhem it-tbejjit huwa li jaħsbu fuq it- tikketti HTML bħala kaxxi li jżommu l-kontenut tiegħek. Il-kontenut tiegħek jista 'jinkludi test, stampi, eċċ. It-tikketti HTML huma l-kaxex madwar il-kontenut. Kultant, għandek bżonn tqiegħed kaxxi ġewwa ta 'kaxex oħra. Dawk il-kaxxi "ta 'ġewwa" huma imnaddfin ġewwa ta' oħrajn.

Jekk għandek xi blokka ta 'test li trid titwaħħal ġewwa paragrafu, ikollok żewġ elementi HTML kif ukoll it-test innifsu.

Eżempju: Din hija sentenza ta 'test.

Dak it-test huwa dak li nużaw bħala l-eżempju tagħna. Hawnhekk tkun kif tkun miktuba.

Eżempju: Din hija sentenza ta 'test.

Minħabba li trid li l-kelma "sentenza" tkun b'tipa grassa, inti żżid il-ftuħ u l-għeluq ta 'tikketti skuri qabel u wara dak l-oġġett.

Eżempju: Din hija sentenza tat-test.

Kif tistgħu taraw, għandna kaxxa waħda (il-paragrafu) li fiha l-kontenut / it-test tas-sentenza tagħna, flimkien ma 'kaxxa oħra (il-par tikketta b'saħħitha), li tagħmel dik il-kelma bħala skuri.

Meta tikteb it-tikketta, huwa kritikament importanti li tagħlaq it-tikketti fl-ordni opposta li inti fetħilhom. Inti tiftaħ

l-ewwel, segwit minn , li jfisser li taqleb dak u tagħlaq il- u mbagħad .

Mod ieħor biex wieħed jaħseb dwar dan huwa li terġa 'tuża l-analoġija tal-kaxex. Jekk tpoġġi kaxxa ġewwa kaxxa oħra, għandek tagħlaq dak ta 'ġewwa qabel ma tkun tista' tagħlaq il-kaxxa ta 'barra jew fiha.

Iż-żieda ta 'Tikketti Nested Aktar

X'jiġri jekk tkun trid biss waħda jew tnejn kliem li tkun b'tipa grassa, u sett ieħor li jkun bil-korsiv? Ara kif tagħmel dan.

Eżempju: Din hija sentenza tat-test u għandha wkoll xi test bil-korsiv ukoll.

Tista 'tara li l-kaxxa ta' barra tagħna,

, issa għandha żewġ tikketti imnaddfa ġewwaha - il- u l- . Għandhom kemm jingħalqu qabel ma dik il-kaxxa li fiha jkun jista 'jingħalaq.

Eżempju: Din hija sentenza tat-test u għandha wkoll xi test bil-korsiv ukoll.

Dan huwa paragrafu ieħor. < / p>

F'dan il-każ għandna kaxxi ġewwa kaxxi! Il-kaxxa l-iktar l-iktar hija l-

jew "diviżjoni". Ġewwa dik il-kaxxa hemm par ta 'tikketti tal-paragrafi imqabbda, u ġewwa l-ewwel paragrafu għandna par li jmiss u tag. Għal darb'oħra, ħarsa lejn kwalunkwe paġna tal-web illum u se tara dan u nesting ħafna aktar! Dan huwa kif il-paġni huma mibnija - kaxxi ġewwa kaxxi.

Għaliex Għandek Tikkura Dwar Nesting

In-numru raġuni waħda li għandek tieħu ħsieb dwar it-tbejjit hija jekk int ser tuża CSS. Il-Folji ta 'l-Istil Cascading jiddependu fuq it-tikketti biex ikunu nested b'mod konsistenti fid-dokument sabiex tkun tista' tgħid fejn jibdew u tispiċċaw stili. Jekk twaqqaf stil li għandu jaffettwa r-rabtiet kollha li huma ġewwa d-diviżjoni ma 'klassi ta' test "kontenut prinċipali" fuq il-paġna, in-nida inkorretta tagħmilha diffiċli għall-browser li jkun jaf fejn għandhom japplikaw dawn l-istili. Ejja nħarsu lejn xi HTML:

Eżempju: Din hija sentenza tat-test u għandha wkoll xi test bil-korsiv ukoll.

Dan huwa paragrafu ieħor .

Uża l-eżempju li jien iddikjarajt, jekk ridt nikteb stil CSS li jkollu impatt fuq ir-rabta ġewwa din id-diviżjoni, u biss dik ir-rabta (kuntrarjament għal kwalunkwe rabta oħra f'sezzjonijiet oħra tal-paġna), ikolli bżonn nuża l- nesting li tikteb l-istil tiegħi, bħala tali:

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

Raġunijiet oħra jinkludu l-aċċessibbiltà u l-kompatibilità tal-browser. Jekk l-HTML tiegħek ma jkunx imqabbad b'mod inkorrett, mhux se jkun aċċessibbli għall-qarrejja tal-iskrin u browsers anzjani - u jista 'saħansitra jkisser kompletament l-apparenza viżiva ta' paġna jekk il-browsers ma jkunux jistgħu jsibu kif jagħmlu l-paġna kif suppost minħabba elementi HTML u tikketti huma barra mill-post.

Fl-aħħarnett, jekk qed tistinka biex tikteb HTML kompletament korrett u validu, ikollok bzonn li tuża t-tbejjit korretti. Inkella, kull validatur għandu juri l-HTML tiegħek bħala żbaljat.