Unikaj identigiloj ene de TTT-paĝoj
Laŭ la W3C, la ID-atributo en HTML estas:
unika identigilo por la elemento
Ĉi tio estas tre simpla priskribo de tre potenca atributo. La ID-atributo povas plenumi plurajn agojn por TTT-paĝoj:
- Selektilo de folia stilo - Ĉi tiu estas la funkcio plej multaj homoj uzas la ID-atributon por. Ĉar ili estas unikaj, vi povas esti certa, ke vi staros nur la unu eron en via retpaĝaro kiam vi stilos per identigo de ID. La malfacilaĵo por uzado de ID por desegnaj celoj estas, ke ĝi havas tre altan nivelon de specifaĵoj, kio povas esti tre malfacila, se vi devas forĵeti stilon por iu kialo poste en stilfolio. Pro ĉi tio, nunaj TTT-praktikoj malhelpas al uzado de klasoj kaj klasaj elektiloj anstataŭ ID-identigiloj kaj ID-elektiloj por ĝenerala stilo.
- Nomataj ankroj por ligi al - Retumiloj foliumas precizajn lokojn en viaj TTT-dokumentoj per indikado al la ID ĉe la fino de la URL. Vi simple aldonas la idon al la fino de la paĝo URL, antaŭita de funt-signo (#). Vi ankaŭ povas ligi ĉi tiujn ankrojn per la paĝo mem aldonante la funt-signon (n) kaj la identan nomon en la atributo de href por la elemento. Ekzemple, se vi havas dividon kun ID de kontakto, vi povus ligi al ĝi sur tiu paĝo kun ĉi tio:
Jen la ligilo - Referenco por skriptoj - Se vi skribas iujn Javaskriptajn funkciojn, vi volas uzi la ID-atributon por ke vi povu ŝanĝi la precizan elementon de la paĝo per viaj skriptoj.
- Alia prilaborado - La ido permesas al vi procesi viajn retpaĝojn en kiom ajn vi bezonos. Ekzemple, vi povus ĉerpi la HTML en datumbazon, kaj la ID-atributo identigas kampojn.
Reguloj por uzado de la ID-Atributo
Estas kelkaj reguloj, kiujn vi devas sekvi por havi validan dokumenton, kiu uzas la identan atributon ie ajn en la dokumento:
- La ID devas komenci per letero (az aŭ AZ)
- Ĉiuj postaj signoj povas esti leteroj, nombroj (0-9), kuŝiloj (-), substrekoj (_), kolonoj (:), kaj periodoj (.).
- Ĉiu ID devas esti unika ene de la dokumento. Kial?
Uzante la ID-Atributon
Unufoje vi identigis solan elementon de via retejo, vi povas uzi stilojn al stilo nur tiun elementon.
Kontakti Nin
Ekzistas iu teksto enhavo ĉi tie
div # kontakto-sekcio {background: # 0cf;}
-kiel ĝuste-
# kontakto-sekcio {background: # 0cf;}
Aŭ el tiuj du elektiloj funkcius. La unua (div-kontakto-sekcio) celus dividon kun ID-atributo de "kontakto-sekcio". La dua (numero de kontakto) ankoraŭ celus la elementon per ID de "kontakto-sekcio", ĝi simple ne scius, ke tio, kion ĝi serĉas, estas divido. La fina rezulto de la stilo estus ĝuste la sama.
Vi ankaŭ povas ligi al tiu specifa elemento sen aldoni ajnajn etikedojn:
Ligilo al la kontakta informo
Referencu tiun paragrafon en viaj skriptoj kun la JavaScript-metodo "getElementById":
document.getElementById ("kontakto-sekcio")
ID-atributoj estas ankoraŭ tre utilaj en HTML, kvankam klasaj elektiloj anstataŭigis ilin por plej ĝeneralaj celoj. La kapablo uzi la ID-atributon kiel hokon por stiloj, kaj ankaŭ uzante ilin kiel ankrojn por ligiloj aŭ celoj por skriptoj, signifas, ke ili ankoraŭ havas gravan lokon en TTT-dezajno hodiaŭ.
Redaktita de Jeremy Girard