Awọn Idanimọ Aamikan ninu awọn oju-iwe ayelujara
Gẹgẹbi W3C, ID ID ni HTML jẹ:
idamo ara oto fun eleyi
Eyi jẹ apejuwe ti o rọrun julọ fun apẹẹrẹ ti o lagbara pupọ. Ẹmi ID le ṣe awọn iṣẹ pupọ fun awọn oju-iwe ayelujara:
- Aṣayan nkan ti awọn ara - Eyi ni iṣẹ ti ọpọlọpọ awọn eniyan lo aami ID fun. Nitori pe wọn jẹ alailẹgbẹ, o le rii daju pe iwọ yoo ṣe aṣa kan ohun kan ti o wa ni oju-iwe ayelujara rẹ nigbati o ba nlo ohun-ini ID. Awọn idalẹnu lati lo ID kan fun awọn ero fifẹ ni pe o ni ipele ti o ga julọ, ti o le ṣe ki o nira pupọ ti o ba nilo lati daju ara kan fun idi kan nigbamii ni ọna kika. Nitori eyi, awọn oju-iwe Ayelujara ti o wa lọwọlọwọ nyii si lilo awọn kilasi ati awọn aṣayan awọn kilasi ni ibi ti awọn ID ati awọn alakoso ID fun awọn idiyele gbogbogbo.
- Awọn ìdákọrọ ti a yàn fun sisopọ si - Awọn aṣàwákiri wẹẹbù n jẹ ki o ṣojusun awọn ipo gangan ni awọn oju-iwe ayelujara rẹ nipa sisọ si ID ni opin URL naa. O fi kun id nikan si opin ti oju-iwe URL, ti o ti ṣaju ami-ami kan (#). O tun le sopọ si awọn anchors wọnyi pẹlu oju-iwe naa nipa fifi ami-ami-ami (#) ati orukọ ID jẹ ni ẹda href fun eleyi kan. Fun apeere, ti o ba ni pipin pẹlu ID olubasọrọ kan, o le sopọ si o lori oju-iwe yii pẹlu eyi:
Eyi ni ọrọ ọna asopọ - A tọka fun awọn iwe afọwọkọ - Ti o ba kọ eyikeyi awọn iṣẹ Javascript, iwọ yoo fẹ lati lo ami ID naa ki o le ṣe awọn ayipada si nkan to wa ni oju-iwe pẹlu awọn iwe afọwọkọ rẹ.
- Iṣiṣẹ miiran - Awọn id idanilaaye lati ṣakoso awọn iwe-ipamọ rẹ ni ọna ti o nilo lati. Fún àpẹrẹ, o le jáde àwọn HTML sínú ibi ìpamọ kan, àti aṣàpèjúwe ID ti ṣàdánmọ àwọn pápá.
Awọn ofin fun Lilo ID ID
Awọn ofin diẹ ni o gbọdọ tẹle lati ni iwe ti o wulo ti o nlo aami id ni ibikibi ninu iwe-ipamọ:
- ID naa gbọdọ bẹrẹ pẹlu lẹta (az tabi AZ)
- Gbogbo awọn lẹta ti o tẹle le jẹ awọn lẹta, nọmba (0-9), hyphens (-), underscores (_), Pylons (:), ati awọn akoko (.).
- ID kọọkan gbọdọ jẹ oto laarin iwe-ipamọ naa. Kí nìdí?
Lilo ID ID
Lọgan ti o ba ti mọ idi ti oto ti oju-iwe ayelujara rẹ, o le lo awọn awọ ara si ara kan ti o jẹ ọkan.
Pe wa
O wa diẹ ninu awọn akoonu ọrọ nibi
div # olubasọrọ-apakan {lẹhin: # 0cf;}
-or o kan-
# olubasọrọ-apakan {lẹhin: # 0cf;}
Boya ninu awọn aṣayan meji naa yoo ṣiṣẹ. Ikọkọ (div-contact-section) yoo ṣe ifojusi pipin pẹlu ẹya ID kan ti "olubasọrọ-apakan". Ẹẹkeji (# olubasọrọ-apakan) yoo ṣi ifojusi ẹri pẹlu ID ti "olubasọrọ-apakan", o ko ni mọ pe ohun ti n wa ni pipin. Ipari ipari ti iṣiro yoo jẹ gangan kanna.
O tun le ṣopọ si nkan pato naa lai fi awọn afiwe eyikeyi sii:
Ọna asopọ si alaye olubasọrọ
Ṣe apejuwe pe paragira ninu awọn iwe afọwọkọ rẹ pẹlu "getElementById" ọna JavaScript:
iwe aṣẹ.getElementById ("olubasọrọ-apakan")
Awọn ero ID jẹ ṣi wulo pupọ ni HTML, bi o tilẹ jẹ pe awọn alakoso kilasi ti rọpo wọn fun ọpọlọpọ awọn idiyele gbogbogbo. Agbara lati lo aami ID bi kilasi fun awọn aza, nigba ti o tun lo wọn gẹgẹ bi awọn ìdákọró fun awọn ìjápọ tabi awọn fojusi fun awọn iwe afọwọkọ, tumọ si pe wọn ṣi ibi pataki kan ni apẹrẹ ayelujara loni.
Ṣatunkọ nipasẹ Jeremy Girard