Mga Natatanging Tagatukoy sa loob ng Mga Pahina sa Web
Ayon sa W3C, ang katangian ng ID sa HTML ay:
isang natatanging tagatukoy para sa elemento
Ito ay isang napaka-simpleng paglalarawan ng isang napakalakas na katangian. Ang katangian ng ID ay maaaring gumaganap ng maraming pagkilos para sa mga pahina sa Web:
- Isang seleksyon ng style sheet - Ito ang function na ginagamit ng karamihan sa mga tao ang katangian ng ID para sa. Dahil ang mga ito ay natatangi, maaari mong siguraduhin na ikaw ay styling lamang ang isang item sa iyong Web page kapag estilo mo gamit ang isang ID ng ari-arian. Ang downside sa paggamit ng isang ID para sa mga layunin sa estilo ay na ito ay may isang mataas na antas ng pagtitiyak, na maaaring gawin itong lubhang mahirap kung kailangan mong i-override ng isang estilo para sa ilang mga dahilan mamaya sa isang stylesheet. Dahil dito, ang kasalukuyang mga gawi sa Web ay nakatuon sa paggamit ng mga klase at mga tagapili ng klase sa halip na mga tagapili ng ID at ID para sa pangkalahatang mga layunin ng estilo.
- Pinangalanang mga anchor para sa pag-link sa - Binibigyang-daan ka ng mga browser ng Web na i-target ang mga tumpak na lokasyon sa iyong mga dokumento sa Web sa pamamagitan ng pagturo sa ID sa dulo ng URL. Idagdag mo lamang ang id sa dulo ng URL ng pahina, na nauna sa isang pound-sign (#). Maaari mo ring i-link sa mga anchor na ito ang pahina mismo sa pamamagitan ng pagdaragdag ng pound-sign (#) at ang pangalan ng ID sa href attribute para sa isang elemento. Halimbawa, kung mayroon kang isang dibisyon na may ID ng contact, maaari kang mag-link dito sa pahinang iyon na may ganitong:
Ito ang teksto ng link - Isang sanggunian para sa mga script - Kung isinusulat mo ang anumang mga pag-andar ng Javascript, gugustuhin mong gamitin ang attribute ng ID upang maaari kang gumawa ng mga pagbabago sa tumpak na elemento sa pahina gamit ang iyong mga script.
- Iba pang pagproseso - Ang id ay nagpapahintulot sa iyo na iproseso ang iyong mga dokumento sa Web sa anumang paraan na kailangan mo. Halimbawa, maaari mong kunin ang HTML sa isang database, at ang attribute ng ID ay nagpapakilala sa mga patlang.
Mga Panuntunan para sa Paggamit ng ID na Attribute
Mayroong ilang mga panuntunan na dapat mong sundin upang magkaroon ng isang wastong dokumento na gumagamit ng id attribute saanman sa dokumento:
- Dapat magsimula ang ID sa isang liham (az o AZ)
- Ang lahat ng kasunod na mga character ay maaaring maging mga titik, numero (0-9), mga gitling (-), mga underscore (_), colons (:), at mga panahon (.).
- Ang bawat ID ay dapat na natatangi sa loob ng dokumento. Bakit?
Gamit ang ID Attribute
Sa sandaling nakilala mo ang isang natatanging elemento ng iyong Web site, maaari mong gamitin ang mga estilo ng sheet upang mag-istilo lamang na isang elemento.
Makipag-ugnayan sa amin
Mayroong ilang nilalaman ng teksto dito
div # contact-section {background: # 0cf;}
-or-
# contact-section {background: # 0cf;}
Ang alinman sa mga dalawang tagapili ay gagana. Ang unang isa (div # contact-seksyon) ay i-target ang isang dibisyon na may ID na katangian ng "contact-seksyon". Ang pangalawang isa (# contact-section) ay i-target pa rin ang elemento na may isang ID ng "contact-section", hindi lang nito malalaman kung ano ang hinahanap nito ay isang dibisyon. Ang resulta ng estilo ay eksaktong pareho.
Maaari mo ring i-link sa partikular na sangkap na iyon nang walang pagdaragdag ng anumang mga tag:
Mag-link sa impormasyon ng contact
Pakitukoy ang talata sa iyong mga script sa paraan ng "getElementById" na JavaScript:
document.getElementById ("contact-section")
Ang mga katangian ng ID ay lubhang kapaki-pakinabang sa HTML, kahit na pinalitan sila ng mga tagapili ng klase para sa mga pangkalahatang layunin ng estilo. Ang kakayahang gamitin ang katangian ng ID bilang isang kawit para sa mga estilo, habang ginagamit din ang mga ito bilang mga anchor para sa mga link o mga target para sa mga script, ay nangangahulugan na mayroon pa ring mahalagang lugar sa disenyo ng Web ngayon.
Ini-edit ni Jeremy Girard