Вэб хуудас доторх өвөрмөц танигчид
W3C-ийн дагуу HTML дэх ID шинж чанар нь:
элементийн хувьд онцгой танигч
Энэ бол маш хүчтэй шинж чанарын маш энгийн тодорхойлолт юм. ID шинж чанар нь вэб хуудсанд хэд хэдэн үйлдэл хийж чадна:
- Style sheet selector - Энэ нь ихэнх хүмүүст ID шинж чанарыг ашигладаг функц юм. Эдгээр нь өвөрмөц шинжтэй учир та ID шинж чанарыг ашиглан хэв маягтай байхдаа зөвхөн вэб хуудсан дээрээ нэг зүйлийг хэвлэ. Загварын зорилгоор ашиглах ID-г ашиглахын сул тал бол энэ нь маш нарийн түвшний онцлог шинж чанартай байх бөгөөд дараа нь хэв маягийг загварчлахад зарим шалтгаанаар хэв маягийг дарж өөрчлөх хэрэгтэй. Үүний улмаас одоогийн Вэбсайтууд нь ерөнхий загварт зориулсан ID ба ID сонгогчдын оронд анги, анги сонгогчдыг ашиглахад чиглэгддэг.
- Вэб хөтөчтэй холбоход зангуу гэж нэрлэгдэх зангуу нь URL-ын төгсгөлд ID-ыг зааж вэб хуудсандаа нарийн байршлыг тогтоох боломжийг танд олгоно. Та хуудасны төгсгөлд Id файлын төгсгөлд id-ийг нэмнэ үү (#). Та элементийн хувьд href attribute дээр файлын тэмдэг (#) болон ID нэрийг нэмж эдгээр зангуутай холбож болно. Жишээ нь, хэрэв та харилцагчийн ID дугаартай хуваагдвал та үүнтэй хамт энэ хуудсан дээр холбож болно:
Энэ бол холбоос текст юм - Скриптүүдийн лавлагаа - Хэрэв та ямар нэгэн Javascript функцийг бичих бол, та скрипттэй хуудсан дээр байгаа нарийн элементийн өөрчлөлтийг хийж болох ID шинжийг ашиглахыг хүсэх болно.
- Бусад боловсруулалт - ID нь таныг ямар нэгэн аргаар вэбсайтыг боловсруулах боломжтой. Жишээ нь, та HTML-ийг мэдээллийн санд оруулж болох бөгөөд ID шинж чанар нь талбарыг тодорхойлно.
ID шинж чанарыг ашиглах журам
Документийн хаана нь аттрибутыг ашигладаг, зөв баримт бичигтэй байх ёстой хэд хэдэн дүрмүүд байдаг:
- ID нь захиа (az эсвэл AZ) эхлэх ёстой
- Дараагийн бүх тэмдэгтүүд нь үсэг, тоо (0-9), тэмдэглэгээ (-), доогуур зураас (_), багана (:), үе ().
- ID бүр нь баримт бичигт өвөрмөц байх ёстой. Яагаад?
ID шинж чанарыг ашиглах
Та өөрийн вэбсайтын өвөрмөц элементийг тодорхойлсныхоо дараа загварын хуудсыг ашиглан нэг элементийг хэвлэж болно.
Холбоо барих
Энд зарим нэг текст агуулга бий
div # contact-section {background: # 0cf;}
эсвэл зүгээр л
# холбоо барих хэсэг {дэвсгэр: # 0cf;}
Эдгээр хоѐр сонгогчдын аль нь ч ажиллах болно. Эхнийх нь (div # contact-section) "холбоо барих хэсэг" -ын ID шинж чанар бүхий хуваахад чиглэнэ. Хоёрдахь нь (# харилцах хэсэг) элементийг "контакт хэсэг" гэсэн ID-тэй хэвээр байгаа бөгөөд энэ нь юу хайж байгаагаа мэдэхгүй байна гэсэн үг юм. Загварын эцсийн үр дүн нь яг ижил байх болно.
Та мөн тусгай элементэд холбоос үүсгэлгүйгээр холбож болно:
Холбоо барих мэдээллийг холбох
Энэ скриптийг "getElementById" JavaScript аргаар зааж өгнө үү:
document.getElementById ("холбоо барих хэсэг")
ID-ийн шинж чанарууд HTML хэвээр байх нь маш их ашигтай байдаг. ID шинж чанарыг стильд зориулж дэгээ болгон ашиглах, түүнчлэн скриптүүдийн хувьд холбоос эсвэл зорилтот зангуу болгон ашиглах чадвар нь өнөөдөр вэбсайтын дизайнд чухал байр суурь эзэлдэг гэсэн үг юм.
Жереми Герард засварт хийсэн