Nesting HTML cim npe

Yuav ua li cas rau zes HTML Cwj pwm zoo

Yog hais tias koj saib cov HTML markup rau txhua tus webpage hnub no, koj yuav pom HTML ntsiab muaj nyob hauv lwm cov ntsiab HTML. Cov ntsiab lus ntawm "sab hauv" ntawm lwm tus yog dab tsi raug hu ua "cov ntsiab lus", thiab lawv yog qhov tseem ceeb rau kev tsim cov nplooj ntawv web hnub no.

Nws txhais li cas rau Zes HTML Cov Ntsiab Lus?

Qhov yooj yim tshaj plaws kom nkag siab txog zes yog xav txog HTML cov ntawv cim npe raws li cov thawv uas tuav koj cov ntsiab lus. Koj cov ntsiab lus muaj xws li cov ntawv nyeem, cov duab, thiab lwm yam. HTML tags yog cov thawv nyob ib ncig ntawm cov ntsiab lus. Qee zaum, koj yuav tsum mus rau qhov chaw thawv hauv lwm lub thawv. Cov thawv ntawv "puab" nyob hauv qab ntawm lwm tus.

Yog hais tias koj muaj ib ntu ntawm cov ntawv nyeem uas koj xav tau bold hauv ib pawg lus, koj yuav muaj ob cov ntsiab lus HTML nrog rau cov ntawv nws tus kheej.

Piv txwv: Qhov no yog ib kab lus ntawm cov ntawv nyeem.

Nqe lus no yog qhov peb yuav siv los ua peb tus qauv. Ntawm no yog li cas nws yuav sau.

Piv txwv: Qhov no yog ib kab lus ntawm cov ntawv nyeem.

Vim hais tias koj xav tau lo lus "kab lus" los ua lub siab tawv, koj ntxiv kev qhib thiab kaw cov cim tag nrho ua ntej thiab tom qab ntawd txhoj puab.

Piv txwv: Qhov no yog kab lus ntawm cov ntawv nyeem.

Raws li koj tau pom, peb muaj ib lub thawv (cov pawg lus) uas muaj cov ntsiab lus / cov ntawv nyeem ntawm peb cov kab lus, ntxiv rau ob lub thawv (qhov khawm khov), uas yuav ua rau lo lus ntawd yog bold.

Thaum koj zes cim npe, nws yog qhov tseem ceeb heev uas koj kaw cov cim npe hauv qhov kev tsis txaus siab uas koj qhib lawv. Koj qhib

ua ntej, ua raws li cov , uas txhais tau tias koj rov qab uas thiab kaw thiab ces .

Lwm txoj kev xav txog qhov no yog kom rov siv dua qhov sib thooj. Yog tias koj tso ib lub thawv rau hauv ib lub thawv, koj yuav tsum kaw lub puab ib sab ua ntej koj tuaj yeem kaw lub npov lossis cov thawv ntawv uas muaj.

Ntxiv dua Nested cim npe

Yuav ua li cas yog tias koj tsuas xav tau ib lossis ob lo lus los ua lub siab tawv, thiab lwm qhov teebmeem yog qhov ncauj? Ntawm no yog yuav ua li cas.

Piv txwv: Qhov no yog kab lus ntawm cov ntawv nyeem thiab nws kuj muaj italicized text heev.

Koj pom tau tias peb lub npov txheej,

, tam sim no muaj ob qho cim npe hauv qab no - cov thiab . Nkawd ob leeg yuav raug kaw ua ntej uas muaj lub thawv tuaj yeem raug kaw.

Piv txwv: Qhov no yog kab lus ntawm cov ntawv nyeem thiab nws kuj muaj italicized text

Qhov no yog lwm nqe lus. / p>

Hauv qhov no peb muaj cov thawv hauv cov thawv ntawv! Tshaj tawm tshaj tawm yog

los yog "division". Sab hauv lub thawv no yog ob peb lo lus teev npe, thiab sab hauv thawj pawg lus peb muaj ib qho ntxiv thiab lossis khub. Ib zaug ntxiv, saib cov nplooj ntawv web hnub no thiab koj yuav pom qhov no thiab ntau yam ntxiv zes! Qhov no yog li cas cov nplooj ntawv ua tau - cov thawv ntawv hauv cov thawv ntawv.

Vim Li Cas Koj Thiaj Yuav Kho Txog Nesting

Tus lej thib ib uas koj yuav tsum tau saib xyuas txog qhov ua zes yog tias koj yuav siv CSS. Cascading Style Sheets vam khom cov cim npe tas li nested hauv daim ntawv xwv kom nws tuaj yeem qhia qhov chaw pib thiab xaus. Yog tias koj tsim ib cov style uas yuav tsum ua rau tag nrho cov "kev sib txuas hauv hauv kev faib nrog ib chav kawm ntawm" ntsiab lus "" text on the page, qhov ua tsis yog qhov ua kom nyuaj rau qhov browser paub qhov twg los siv cov yeeb yam no. Cia saib ib co HTML:

Piv txwv: Qhov no yog kab lus ntawm cov ntawv thiab nws kuj muaj nws cov ntawv nyeem thiab.

> Qhov no yog lwm pawg lus .

Siv cov lus piv txwv uas kuv tau hais los no, yog tias kuv xav sau CSS style uas yuav cuam tshuam qhov kev sib txuas hauv qhov kev faib no, thiab tsuas yog qhov txuas (as opposed to lwm qhov txuas hauv lwm qhov chaw hauv nplooj ntawv), kuv yuav tsum tau siv ua zested sau kuv cov style, xws li:

.main-content ib {xim: # F00; }

Lwm cov laj thawj muaj xws li kev siv tau thiab qhov browser txuas. Yog hais tias koj HTML yog incorrectly nested, nws yuav tsis yuav li nkag mus nyeem screeners thiab laus dua browsers - thiab nws yuav txawm tag tawg qhov tsos ntawm ib sab yog browsers tsis tau xyuas seb yuav ua li cas kom kav ib nplooj vim HTML ntsiab thiab cov cim npe yog tawm ntawm qhov chaw.

Thaum kawg, yog tias koj tab tom nrhiav sau cov lus kom tseeb thiab siv tau HTML, koj yuav tau siv qhov kev txhim kho kom yog. Txwv tsis pub, txhua tus validator yuav chij koj HTML li tsis yog.