Talagsaong mga Tigpaila sa sulod sa Mga Panid sa Web
Sumala sa W3C, ang hiyas sa ID sa HTML mao ang:
usa ka talagsaong tigpaila alang sa elemento
Kini usa ka yano nga paghulagway sa usa ka gamhanan kaayo nga kinaiya. Ang hiyas sa ID makahimo sa daghang mga aksyon alang sa mga panid sa Web:
- Usa ka style sheet selector - Kini mao ang function nga kadaghanan sa mga tawo naggamit sa ID nga hiyas alang sa. Tungod kay talagsaon kini, makasiguro ka nga mahimo ka nga usa ka butang sa usa ka butang sa imong Web page kung mag-istilo ka gamit ang ID property. Ang kalisud sa paggamit sa usa ka ID alang sa mga katuyoan sa estilo mao nga kini adunay usa ka taas nga lebel sa pagkaseguro, nga makahimo niini nga lisud kaayo kung kinahanglan nimo nga usbon ang estilo sa usa ka hinungdan sa ulahi sa usa ka stylesheet. Tungod niini, ang kasamtangan nga mga pamatasan sa Web nagsalig sa paggamit sa mga klase ug mga tigpili sa mga klase puli sa mga ID ug ID nga mga tigpili alang sa kinatibuk-ang mga katuyoan sa estilo.
- Gitawag nga mga angkla alang sa pag-link sa - Mga Web browser nagtugot kanimo sa pag-target sa tukmang mga lokasyon sa imong mga dokumento sa Web pinaagi sa pagtudlo sa ID sa katapusan sa URL. Ikaw idugang lamang ang id sa katapusan sa pahina nga URL, nga gisundan sa usa ka pound-sign (#). Mahimo usab nimong i-link ang mga anchor sa pahina pinaagi sa pagdugang sa pound-sign (#) ug ang ngalan sa ID sa href attribute alang sa usa ka elemento. Pananglitan, kon ikaw adunay dibisyon nga may ID sa contact, mahimo nimong i-link kini sa nga panid niini:
Kini ang link nga teksto - Usa ka pakisayran alang sa mga script - Kung isulat nimo ang bisan unsang pag-function sa Javascript, gusto nimo nga gamiton ang attribute sa ID aron makahimo ikaw og mga pagbag-o sa tukmang elemento sa panid gamit ang imong mga script.
- Ang uban nga pagproseso - Ang id nagtugot kanimo sa pagproseso sa imong mga Web nga mga dokumento sa bisan unsang paagi nga kinahanglan nimo. Pananglitan, mahimo nimo makuha ang HTML ngadto sa usa ka database, ug ang attribute sa ID nagpaila sa mga natad.
Mga lagda alang sa Paggamit sa ID nga Attribute
Adunay pipila ka mga lagda nga kinahanglan mong sundon aron adunay usa ka balido nga dokumento nga naggamit sa id attribute bisan asa sa dokumento:
- Ang ID kinahanglan magsugod sa usa ka sulat (az o AZ)
- Ang tanan nga sunod nga mga karakter mahimo nga mga letra, numero (0-9), hyphens (-), underscores (_), mga colons (:), ug mga panahon (.).
- Ang matag ID kinahanglan nga talagsaon sulod sa dokumento. Ngano?
Gamit ang ID Attribute
Sa dihang nahibal-an nimo ang usa ka talagsaong elemento sa imong Web site, mahimo nimong gamiton ang style sheets sa estilo nga usa lamang ka elemento.
Kontaka kami
Adunay pipila ka teksto sulod dinhi
div # contact-section {background: # 0cf;}
o lang-
# contact-section {background: # 0cf;}
Ang usa sa duha nga mga magpapili magtrabaho. Ang unang usa (div # contact-seksyon) mag-target sa usa ka dibisyon nga adunay ID nga hiyas sa "contact-section". Ang ikaduha nga usa (# contact-seksyon) ang nagpunting sa elemento nga adunay ID nga "contact-section", dili lang kini mahibal-an nga ang gipangita niini usa ka dibisyon. Ang katapusan nga sangputanan sa estilo mao ra gayud.
Mahimo ka usab nga mag-link nianang partikular nga elemento nga dili magdugang og mga tag:
Pag-link sa impormasyon sa kontak
I-reference kini nga parapo sa imong mga script sa pamaagi sa "getElementById" JavaScript:
document.getElementById ("contact-section")
Ang mga hiyas sa ID sa gihapon mapuslanon kaayo sa HTML, bisan pa ang mga tigpili sa klase mipuli kanila alang sa kasagaran nga mga katuyoan sa estilo. Ang abilidad sa paggamit sa ID nga kinaiya ingon nga usa ka kaw-it sa mga estilo, samtang gigamit usab kini nga mga angkla alang sa mga link o mga target alang sa mga script, nagpasabot nga sila aduna pa'y importante nga dapit sa disenyo sa Web karon.
Gipagamyan ni Jeremy Girard