Веб-беттердегі бірегей идентификаторлар
W3C-ге сәйкес HTML -дегі идентификатор төлсипаты:
элемент үшін бірегей идентификатор
Бұл өте күшті атрибуттың қарапайым сипаттамасы. ID төлсипаты веб-беттер үшін бірнеше әрекеттерді орындай алады:
- Стиль сценарийі - Бұл көптеген адамдар ID төлсипатын пайдаланатын функция. Олар бірегей болғандықтан, идентификатор сипатын пайдаланып стиль жасаған кезде веб-беттегі бір ғана элементті стильдендіретініне сенімді бола аласыз. Сәндеу мақсаттары үшін идентификаторды пайдаланудың төмендеуі - бұл стиль кестесінде кейін қандай да бір себептермен стильді жою қажет болса, ол өте қиынға түсетін өте ерекше сипатқа ие. Осыған орай, ағымдағы веб-тәжірибелер жалпы сәндеу мақсаттары үшін идентификаторлар мен ID селекторлардың орнына сыныптар мен сынып селекторларын қолданады.
- Веб-браузерлерге сілтеме жасау үшін бекітілген якорьдер URL-мекен-жайының соңында идентификаторды көрсете отырып, веб-құжаттарыңыздағы нақты орындарды бағыттауға мүмкіндік береді. Сіз идентификаторды бет URL мекен-жайының соңына, фунт белгісі (#) алдын-ала қосасыз. Сондай-ақ, осы линзаларға парақтың белгісі (#) және элемент үшін href атрибутында ID идентификаторын қосу арқылы сілтеме жасай аласыз. Мысалы , сізде байланыс идентификаторымен бөліссеңіз, онымен келесі бетте сілтеме жасай аласыз:
Бұл сілтеме мәтіні - Сценарийлерге сілтеме - Егер сіз кез-келген Javascript функцияларын жазсаңыз, скрипттермен парақта нақты элементке өзгерістер енгізуге болатын ID төлсипатын пайдаланғыңыз келеді.
- Басқа өңдеу - идентификатор сіздің веб-құжаттарды өңдеуге мүмкіндік береді. Мысалы, сіз HTML-ті дерекқорға шығарып алуыңыз мүмкін және ID төлсипаты өрістерді анықтайды.
ID төлсипатын пайдалану ережелері
Құжаттың қайсыбір жерінде id төлсипатын пайдаланатын жарамды құжат болуы үшін сізге қажет бірнеше ережелер бар:
- Идентификатор әрпімен басталуы тиіс (az немесе AZ)
- Барлық кейінгі таңбалар әріптер, сандар (0-9), дефис (-), астын сызу (_), қос нүкте (:) және кезеңдер (.) Болуы мүмкін.
- Әр ID құжатта бірегей болуы керек. Неліктен?
ID төлсипатын пайдалану
Веб-сайтыңыздың бірегей элементін анықтағаннан кейін, стиль кестелерін сол бір элементке мәнерге келтіруге болады.
Бізбен хабарласыңы
Мұнда кейбір мәтіндік мазмұн бар
div # контакт-бөлім {background: # 0cf;}
-
# контакт-бөлім {background: # 0cf;}
Осы екі селектордың екеуі жұмыс істейтін. Біріншісі (div # контакт-бөлімі) «контакт-бөлім» ID төлсипатымен бөлуге бағыттайды. Екіншісі (# контакт-бөлім) әлі де «контакт-секция» идентификаторымен элементін бағыттайды, ол тек іздейтін нәрсе - бөлу болып табылады. Сәндеудің түпкі нәтижесі бірдей болады.
Тегтерді қоспай осы нақты элементке сілтеме жасай аласыз:
Байланыс ақпаратына сілтеме
«GetElementById» JavaScript әдісімен сценарийлердегі параграфқа сілтеме:
document.getElementById («контакт-бөлім»)
ID-дің атрибуттары HTML-де әлі де өте пайдалы, тіпті сынып селекторлары оларды жалпы стильдеу мақсаттары үшін ауыстырды. ID төлсипатын стильдер үшін ілмек ретінде пайдалану мүмкіндігі, сондай-ақ оларды сценарийлер сілтемелері немесе нысаналарына арналған якорлар ретінде пайдалану мүмкіндіктері, олардың бүгінгі күні веб-дизайнында маңызды орынға ие екендігін білдіреді.
Jeremy Girard өңдейді