უნიკალური იდენტიფიკატორი ვებ გვერდებში
მიხედვით W3C, ID ატრიბუტი HTML არის:
ელემენტის უნიკალური იდენტიფიკატორი
ეს არის ძალიან მარტივი აღწერა ძალიან ძლიერი ატრიბუტი. ID ატრიბუტს შეუძლია განახორციელოს რამდენიმე ქმედება ვებ გვერდებზე:
- სტილის ფურცლის სელექტორი - ეს არის ფუნქცია, რომელსაც ყველაზე მეტი ადამიანი იყენებს ID ატრიბუტს. იმის გამო, რომ ისინი უნიკალურია, თქვენ შეგიძლიათ დარწმუნებული იყოთ, რომ თქვენ მხოლოდ ერთ ელემენტსაც მოახდენთ თქვენს ვებ გვერდზე, როდესაც სტილის გამოყენებით ID- თვის. სტილის გამოყენება ID- სთვის, ისაა, რომ მას აქვს ძალიან მაღალი დონის სპეციფიკა, რაც შეიძლება ძალიან რთული გახდეს, თუ სტილის რაიმე მიზეზს სჭირდება სტილის გადალახვა. ამის გამო, ამჟამინდელი ვებ-პრაქტიკები, რომლებიც იყენებენ კლასების და კლასების სელექციონერების გამოყენებას, ID- ებისა და პირადობის მოწმობების მიხედვით ზოგადი სტილის მიზნით.
- დასახელებული წამყვანები აკრეფისთვის - ვებ ბრაუზერები საშუალებას გაძლევთ მიზანში ზუსტი ადგილმდებარეობის თქვენს ვებ დოკუმენტებში მიერ მიუთითებს ID ბოლოს URL. თქვენ უბრალოდ დაამატეთ ID გვერდის URL- ს, რომელსაც წინ უძღვის ფუნტი-ნიშანი (#). თქვენ ასევე შეგიძლიათ ამ ბმულებთან დაკავშირება გვერდის გვერდით დაამატოთ ფუნტი-ნიშანი (#) და ID- ის სახელი ელემენტისთვის href ატრიბუტში. მაგალითად, თუ თქვენ გაქვთ გათიშვა ID- სთან კონტაქტისას, შეგიძლიათ ამ გვერდს დაუკავშიროთ:
ეს არის ბმული ტექსტი - სკრიპტების მინიშნება - თუ იწერება რაიმე ჯავასკრიპტის ფუნქციები, თქვენ გსურთ გამოიყენოთ ID ატრიბუტი ისე, რომ თქვენ შეგიძლიათ შეცვალოთ თქვენი სკრიპტების გვერდით ელემენტის ზუსტი ელემენტი.
- სხვა დამუშავება - ID საშუალებას გაძლევთ დამუშავება თქვენს ვებ დოკუმენტებს, რაც არ უნდა დაგჭირდეთ. მაგალითად, თქვენ შეიძლება ამოიღოთ HTML მონაცემთა ბაზაში და ID ატრიბუტი განსაზღვრავს სფეროებს.
ID ატრიბუტის გამოყენების წესები
არსებობს რამდენიმე წესები, რომლებიც უნდა დაიცვას სწორი დოკუმენტი, რომელიც იყენებს id ატრიბუტს სადმე დოკუმენტში:
- პირადმა უნდა იწყებოდეს წერილში (ა.ჟ. ან ა)
- ყველა მომდევნო სიმბოლო შეიძლება იყოს ასოები, ციფრები (0-9), ჰიპანები (-), ხაზები (_), კოლონები (:) და პერიოდები (.).
- თითოეული პირადობა უნდა იყოს უნიკალური დოკუმენტში. რატომ?
ID ატრიბუტის გამოყენებით
ერთხელ თქვენ გამოვლენილი უნიკალური ელემენტი თქვენი ვებ საიტი, შეგიძლიათ გამოიყენოთ სტილი ფერები სტილის მხოლოდ ერთი ელემენტი.
დაგვიკავშირდით
აქ არის ტექსტური შინაარსი
div # კონტაქტი-განყოფილება {background: # 0cf;}
- ან უბრალოდ-
# კონტაქტის სექცია {background: # 0cf;}
იმ ორი სელექტორის მუშაობა იმუშავებს. პირველი (div # contact- სექცია) მიზანს მიაკუთვნებს "კონტაქტ-სექციის" პირადობის ატრიბუციას. მეორე (# საკონტაქტო სექცია) კვლავ ელემენტებს მიმართავს "კონტაქტ-სექციის" პირად ნომერზე, უბრალოდ არ იცოდა, რომ ის ეძებდა განყოფილებას. სტილის საბოლოო შედეგი ზუსტად იგივე იქნებოდა.
თქვენ ასევე შეგიძლიათ დაუკავშიროთ ამ კონკრეტულ ელემენტს ნებისმიერი ტეგების დამატება
საკონტაქტო ინფორმაციათან დაკავშირება
მინიშნება, რომ თქვენი სკრიპტის პუნქტი "getElementById" JavaScript მეთოდით:
document.getElementById ("საკონტაქტო სექცია")
ID ატრიბუტები კვლავ ძალიან სასარგებლოა HTML- ში, მიუხედავად იმისა, რომ კლასტერის სელექციონერებმა შეცვალა ისინი ზოგადი სტილის მიზნებისათვის. ID- ის ატრიბუტის სტილის გამოყენება, როგორც სტილისთვის, ასევე ბმულების ან მიზნებისათვის წამყვანისთვის, ნიშნავს იმას, რომ მათ დღესაც მნიშვნელოვანი ადგილი აქვთ ვებ-დიზაინში.
რედაქტირებულია Jeremy Girard