Wat is die ID-kenmerk?

Unieke identifikators binne webbladsye

Volgens die W3C is die ID-kenmerk in HTML:

'n unieke identifiseerder vir die element

Dit is 'n baie eenvoudige beskrywing van 'n baie kragtige kenmerk. Die ID-kenmerk kan verskeie aksies vir webbladsye uitvoer:

• 'N Stylvelekteerder - Dit is die funksie wat die meeste mense die ID-kenmerk vir gebruik. Omdat hulle uniek is, kan jy seker wees dat jy net die een item op jou webblad sal stilmaak wanneer jy 'n ID-eienskap gebruik. Die nadeel om 'n ID vir stileringsdoeleindes te gebruik, is dat dit 'n baie hoë vlak van spesifisiteit het, wat dit baie uitdagend kan maak as jy 'n styl om een ​​of ander rede later in 'n stylevel moet ignoreer. As gevolg hiervan stel huidige webpraktyke die gebruik van klasse en klas keurders in die plek van ID's en ID-keurders vir algemene stileringsdoeleindes.

• Ankers genoem om aan te koppel aan - Webblaaiers laat jou toe om presiese plekke in jou webdokumente te rig deur na die ID aan die einde van die URL te verwys. Jy voeg eenvoudig die ID aan die einde van die bladsy-URL, voorafgegaan deur 'n pondteken (#). U kan ook na hierdie ankers skakel met die bladsy self deur die pondteken (#) en die ID-naam in die href-kenmerk vir die a-element by te voeg. Byvoorbeeld, as jy 'n afdeling met 'n kontak ID het , kan jy met die volgende op hierdie bladsy skakel:
  
  Dit is die skakel teks
• 'N Verwysing vir skrifte - As jy enige Javascript-funksies skryf, sal jy die ID-kenmerk wil gebruik, sodat jy die presiese element op die bladsy met jou skrifte kan verander.
• Ander verwerking - Die ID laat jou toe om jou webdokumente te verwerk op enige manier wat jy nodig het. Jy kan byvoorbeeld die HTML in 'n databasis onttrek, en die ID-kenmerk identifiseer velde.

Reëls vir die gebruik van die ID-kenmerk

Daar is 'n paar reëls wat u moet volg om 'n geldige dokument te hê wat die id-kenmerk oral in die dokument gebruik:

• Die ID moet begin met 'n letter (az of AZ)
• Alle daaropvolgende karakters kan letters, nommers (0-9), koppeltekens (-), onderstrepe (_), kolonies (:), en periodes (.) Wees.
• Elke ID moet uniek wees binne die dokument. Hoekom?

Gebruik die ID Attribuut

Sodra jy 'n unieke element van jou webwerf geïdentifiseer het, kan jy stylbladsye gebruik om net daardie een element te styl.

Kontak Ons

Daar is 'n paar teksinhoud hier

div # kontak-afdeling {agtergrond: # 0cf;}

of net-

# kontak-afdeling {agtergrond: # 0cf;}

Een van die twee keurders sou werk. Die eerste een (div # kontak-afdeling) sal 'n afdeling met 'n ID-kenmerk van 'kontak-afdeling' teiken. Die tweede een (# kontak-afdeling) sal die element nog steeds met 'n kontak-afdeling identifiseer. Dit sal net nie weet dat dit waarvoor dit soek, 'n afdeling is nie. Die eindresultaat van die stilering sal presies dieselfde wees.

U kan ook skakel na daardie spesifieke element sonder om enige byvoegings te voeg:

Skakel na die kontakbesonderhede

Verwys na die paragraaf in u skrifte met die "getElementById" JavaScript-metode:

document.getElementById ( "kontak-afdeling")

ID-eienskappe is steeds baie handig in HTML, alhoewel klas keurders hulle vir die meeste algemene stileringsdoeleindes vervang het. Die vermoë om die ID-kenmerk as 'n haak vir style te gebruik, terwyl hulle ook as ankers vir skakels of teikens gebruik word, beteken dat hulle vandag nog 'n belangrike plek in Webontwerp het.

Geredigeer deur Jeremy Girard