Idantif inik nan Paj Web
Dapre W3C la, atribi ID a nan HTML se:
yon idantifyan inik pou eleman an
Sa a se yon deskripsyon trè senp nan yon atribi trè pwisan. Atribi ID a ka fè plizyè aksyon pou paj entènèt:
- Yon seleksyon fèy estil - Sa a se fonksyon ki pi fò moun itilize atribi ID la pou. Paske yo inik, ou ka asire w ke ou pral manier jis yon sèl atik la sou paj entènèt ou lè ou style lè l sèvi avèk yon pwopriyete ID. Inconvénient a lè l sèvi avèk yon ID pou rezon manier se ke li gen yon nivo trè wo nan espesifik, sa ki ka fè li trè enteresan si ou bezwen pase sou desizyon yon style pou kèk rezon pita nan yon Stylesheet. Poutèt sa, pratik entènèt aktyèl yo apiye pou itilize klas ak selektè klas yo nan plas ID ak selektè ID pou objektif jeneral yo.
- Yo te rele lankr pou lyen ki mennen nan - navigatè entènèt pèmèt ou sibi kote egzak nan dokiman entènèt ou pa montre nan ID a nan fen URL la. Ou tou senpleman ajoute id la nan fen URL la paj, anvan pa yon liv-siy (#). Ou kapab tou lyen ki mennen nan sa yo lankr ak paj nan tèt li lè yo ajoute liv la-siy (#) ak non an ID nan atribi a href pou yon eleman an. Pou egzanp, si ou gen yon divizyon ki gen yon ID nan kontak, ou ka konekte li sou paj sa a ak sa a:
Sa a se tèks la lyen - Yon referans pou Scripts - Si ou ekri nenpòt fonksyon JavaScript, ou pral vle itilize atribi ID la pou ke ou ka fè chanjman nan eleman ki egzak nan paj la ak Scripts ou.
- Lòt pwosesis - id la pèmèt ou trete dokiman entènèt ou nan kèlkeswa fason ou bezwen. Pou egzanp, ou ta ka ekstrè HTML a nan yon baz done, ak atribi ID a idantifye jaden yo.
Règ pou sèvi ak atenn ID a
Genyen yon règ kèk ou dwe swiv gen yon dokiman ki valab ki itilize atribi id nenpòt kote nan dokiman an:
- ID a dwe kòmanse ak yon lèt (AZ oswa AZ)
- Tout karaktè ki vin apre yo kapab lèt, nimewo (0-9), hyphens (-), underscores (_), kolon (:), ak peryòd (.).
- Chak ID dwe inik nan dokiman an. Poukisa?
Sèvi ak atribi ID la
Yon fwa ou te idantifye yon eleman inik nan sit entènèt ou an, ou ka itilize dra style nan style jis ke yon sèl eleman.
Kontakte nou
Gen kèk kontni tèks isit la
div # kontak-seksyon {background: # 0cf;}
-Ou jis-
# kontak-seksyon {background: # 0cf;}
Swa nan de selektè sa yo ta travay. Premye a (div # kontak-seksyon) ta vize yon divizyon ki gen yon atribi ID nan "kontak seksyon". Dezyèm lan (# kontak seksyon) ta toujou sib eleman an ak yon ID nan "seksyon kontak", li jis pa ta konnen ke sa li ap chache se yon divizyon. Rezilta nan fen manier la ta dwe egzakteman menm bagay la.
Ou kapab tou lyen ki nan eleman espesifik san yo pa ajoute nenpòt ki tags:
Link to enfòmasyon kontak
Referans ke paragraf nan Scripts ou a ak "getElementById" JavaScript metòd la:
document.getElementById ("kontak seksyon")
ID atribi yo toujou trè itil nan HTML, menm si selektè klas yo te ranplase yo pou pi fò style jeneral. Kapasite a itilize atribi ID a kòm yon zen pou Styles, pandan y ap tou itilize yo kòm lankr pou lyen oswa objektif pou Scripts, vle di yo ke yo toujou gen yon plas enpòtan nan konsepsyon sit entènèt jodi a.
Edited pa Jeremy Girard