Caw cov cim npe hauv cov nplooj ntawv Web
Raws li W3C, tus ID attribute ntawm HTML yog:
ib qho cim cim rau lub caij
Qhov no yog ib qho lus piav qhia yooj yim ntawm ib tug cwj pwm zoo heev. Tus cim tus cwj pwm thiaj ua tau ntau yam rau cov nplooj ntawv Web site:
- Ib daim ntawv xaiv cov ntawv xaiv - Qhov no yog qhov ua haujlwm feem ntau tib neeg siv tus cim attribute rau. Vim tias lawv nyias txawv nyias, koj tuaj yeem paub zoo tias koj yuav yog ib qho ntawm ib qho ntawm koj daim nplooj Web thaum koj siv cov khoom siv hauv ID. Tus downside los siv ib daim ID rau styling lub hom phiaj yog tias nws muaj ib theem siab heev ntawm qhov tseem ceeb, uas yuav ua rau nws nyuaj heev yog tias koj xav tau kev tshaj tawm cov style rau qee zaum tom qab ntawm ib hom ntawv sau. Vim li no, cov kev siv Web site tam sim no yog siv los ntawm kev siv cov chav kawm thiab cov hoob kawm xaiv rau qhov chaw ntawm cov ID thiab cov ID xaiv rau cov hom phiaj dav dav dav.
- Ntaus tuav txoj kab txuas mus rau - Web browsers pub koj mus rau qhov chaw hauv cov ntsiab lus tseeb hauv koj cov ntaub ntawv Web ntawm taw rau tus ID tom kawg ntawm qhov URL. Koj tsuas yog ntxiv ntawm daim npav mus rau qhov kawg ntawm nplooj ntawv URL, ua ntej los ntawm pound-sign (#). Koj tuaj yeem txuas mus rau cov ntawv cog lus nrog cov nplooj ntawv ntawm nws tus kheej los ntawm kev ntxiv lub pound-sign (#) thiab tus ID lub npe nyob rau hauv tus cwj pwm href rau lub caij. Piv txwv li, yog tias koj muaj ib qho kev faib nrog tus ID ntawm kev sib cuag, koj txuas tau rau ntawm nplooj ntawv nrog qhov no:
Qhov no yog qhov txuas ntawv - Ib qho kev siv rau kev sau ntawv - Yog tias koj sau ntawv Javascript cov kev khiav dej num, koj yuav xav siv tus cwj pwm ID kom koj hloov tau rau lub caij ua tiav ntawm nplooj ntawv nrog koj cov ntawv sau.
- Lwm cov ua haujlwm - Tus lej tso cai rau koj los ua koj cov ntaub ntawv Web rau txhua txoj kev uas koj xav tau. Piv txwv, tej zaum koj yuav muab cov HTML tso rau hauv ib lub database, thiab tus ID attribute qhia txog cov lus teb.
Cov Cai rau Kev Siv Tus Qauv Tus Qauv Qhia
Muaj ob peb txoj cai uas koj yuav tsum ua raws li kom muaj ib daim ntawv pov thawj uas siv tus cwj pwm ntawm lub chaw nyob txhua qhov hauv daim ntawv:
- Tus ID yuav tsum pib nrog ib tsab ntawv (tsawg lossis AZ)
- Txhua cov cim tom qab tuaj yeem yog cov tsiaj ntawv, zauv (0-9), hyphens (-), underscores (_), cov pob (:), thiab lub sijhawm (.
- Txhua tus ID yuav tsum muaj nyob hauv daim ntawv. Vim li cas?
Siv tus qauv ID
Thaum koj tau txheeb xyuas koj lub vev xaib ntawm koj lub vev xaib, koj tuaj yeem siv cov ntawv txhim style rau cov ntsiab lus ntawm lub hauv paus xwb.
Tiv tauj peb
Muaj qee cov ntawv nyeem hauv qab no
div # hu rau section {tom qab: # 0cf;}
-tshib xwb-
# hu rau section {tom qab: # 0cf;}
Xws li ntawm ob tug xaiv yuav ua hauj lwm. Thawj tus (div # contact-section) yuav npaj hom kev faib nrog ib qho kev cai ID ntawm "contact-section". Qhov thib ib (# hu rau tshooj) tseem xav lub npe nrog tus ID ntawm "contact-section", nws tsuas yog tsis paub tias qhov nws tab tom nrhiav yog kev faib. Qhov kawg ntawm lub styling yuav raws nraim tib yam.
Koj kuj tuaj yeem txuas mus rau qhov kev kawm uas tsis tau ntxiv cov cim npe:
Txuas mus rau cov ntaub ntawv xov xwm
Siv cov lus nyob hauv koj cov ntawv sau nrog txoj kev "getElementById" JavaScript txoj kev:
document.getElementById ("contact section")
Cov cwj pwm ID tseem yog cov tseem ceeb hauv HTML, txawm tias cov hoob kawm xaiv tau hloov lawv cov hom phiaj feem ntau. Lub peev xwm los siv tus cwj pwm ID raws li kev sib txuas rau kev sib txuas lus, thaum tseem siv lawv ua cov ntawv cog lus rau cov kev sib txuas los yog cov hom phiaj rau kev sau ntawv, txhais tau hais tias lawv tseem muaj qhov chaw tseem ceeb nyob rau hauv Web tsim hnub no.
Sau los ntawm Jeremy Girard