HTML атрибутууд нь HTML элементүүдийн талаар нэмэлт мэдээлэл өгдөг.
HTML Атрибутууд #
- Бүх HTML элементүүд атрибуттай байж болно.
- Атрибутууд нь элементүүдийн талаар нэмэлт мэдээлэл өгдөг.
- Атрибутуудыг үргэлж эхлэлийн шошго дотор зааж өгдөг.
- Атрибутууд нь ихэвчлэн
name="value"(нэр=”утга”) гэсэн нэр/утга хослолоор ирдэг.
href Атрибут #
<a> шошго нь гипер холбоосыг тодорхойлдог. href атрибут нь холбоос очих хуудасны URL хаягийг заадаг:
Та холбоосуудын талаар манай HTML Холбоосууд бүлгээс дэлгэрэнгүй сурах болно.
src Атрибут #
<img> шошго нь HTML хуудсанд зураг оруулахад ашиглагддаг. src атрибут нь харагдах зургийн замыг зааж өгдөг:
src атрибут дотор URL-ийг зааж өгөх хоёр арга байдаг:
- Абсолют URL – Өөр веб сайт дээр байрласан гадны зураг руу холбох. Жишээ нь:
src="https://www.w3schools.com/images/img_girl.jpg".Тэмдэглэл: Гадны зургууд зохиогчийн эрхээр хамгаалагдсан байж болно. Хэрэв та ашиглах зөвшөөрөл аваагүй бол зохиогчийн эрхийн хуулийг зөрчиж болзошгүй. Түүнчлэн, та гадны зургуудыг хянах боломжгүй; энэ нь гэнэт устах эсвэл өөрчлөгдөх магадлалтай. - Харьцангуй URL – Тухайн веб сайт дотор байрласан зураг руу холбох. Энд URL нь домэйн нэрийг агуулдаггүй. Хэрэв URL нь налуу зураасгүйгээр эхэлбэл, энэ нь одоогийн хуудастай харьцангуй байна гэсэн үг. Жишээ нь:
src="img_girl.jpg". Хэрэв URL нь налуу зураасаар эхэлбэл, энэ нь домэйнтэй харьцангуй байна. Жишээ нь:src="/images/img_girl.jpg".
Зөвлөмж: Ихэнх тохиолдолд харьцангуй URL ашиглах нь хамгийн тохиромжтой байдаг. Хэрэв та домэйнээ өөрчилсөн ч холбоос эвдрэхгүй.
width ба height Атрибутууд #
<img> шошго нь мөн зургийн өргөн болон өндрийг (пикселээр) тодорхойлох width ба height атрибутуудыг агуулж байх ёстой:
alt Атрибут #
<img> шошгонд шаардлагатай alt атрибут нь хэрэв зураг ямар нэг шалтгаанаар харагдахгүй бол орлуулах текстийг зааж өгдөг. Энэ нь удаан холболт, src атрибутын алдаа, эсвэл хэрэглэгч дэлгэц уншигч ашиглаж байгаа зэргээс шалтгаалж болно.
Та зургийн талаар манай HTML Зургууд бүлгээс дэлгэрэнгүй сурах болно.
style Атрибут #
style атрибут нь элементэд өнгө, фонт, хэмжээ болон бусад загварыг нэмэхэд ашиглагддаг.
Та загварын талаар манай HTML Загварууд (Styles) бүлгээс дэлгэрэнгүй сурах болно.
lang Атрибут #
Та веб хуудсыг хэлийг зарлахын тулд <html> шошго дотор lang атрибутыг үргэлж оруулах ёстой. Энэ нь хайлтын систем болон хөтчүүдэд туслах зорилготой юм.
Дараах жишээнд Англи хэлийг зааж өгсөн байна:
Улсын кодыг мөн lang атрибут дахь хэлний код дээр нэмж болно. Эхний хоёр тэмдэгт нь HTML хуудасны хэлийг, сүүлийн хоёр тэмдэгт нь улсыг тодорхойлдог.
Дараах жишээнд Англи хэлийг, Америкийн Нэгдсэн Улсыг улсаар сонгож заасан байна:
Та бүх хэлний кодыг манай HTML Хэлний Кодын Лавлах-аас харж болно.
title Атрибут #
title атрибут нь элементийн талаар зарим нэмэлт мэдээллийг тодорхойлдог.
Элемент дээр хулганыг аваачих үед title атрибутын утга нь зөвлөмж (tooltip) хэлбэрээр харагдах болно:
Бидний зөвлөгөө: Атрибутуудыг үргэлж жижиг үсгээр бичээрэй #
HTML стандарт нь атрибутын нэрийг жижиг үсгээр бичихийг шаарддаггүй. title атрибутыг (болон бусад бүх атрибутыг) title эсвэл TITLE гэх мэтээр том эсвэл жижиг үсгээр бичиж болно.
Гэсэн хэдий ч, W3C нь HTML дээр атрибутуудыг жижиг үсгээр бичихийг зөвлөдөг бөгөөд XHTML зэрэг илүү хатуу баримт бичгийн төрлүүдэд жижиг үсгээр бичихийг шаарддаг.
W3Schools дээр бид үргэлж жижиг үсгээр бичсэн атрибутын нэрийг ашигладаг.
Бидний зөвлөгөө: Атрибутын утгыг үргэлж хашилтад хийгээрэй #
HTML стандарт нь атрибутын утгыг хашилтад хийхийг шаарддаггүй.
Гэсэн хэдий ч, W3C нь HTML дээр хашилт ашиглахыг зөвлөдөг бөгөөд XHTML зэрэг илүү хатуу баримт бичгийн төрлүүдэд хашилт ашиглахыг шаарддаг.
Заримдаа та хашилт ашиглах шаардлагатай болдог. Энэ жишээ нь зай агуулсан тул title атрибутыг зөв харуулахгүй:
W3Schools дээр бид атрибутын утгыг үргэлж хашилтад хийдэг.
Дан эсвэл Давхар хашилт уу? #
HTML-д атрибутын утгыг давхар хашилтад хийх нь хамгийн түгээмэл байдаг ч дан хашилтыг мөн ашиглаж болно.
Зарим тохиолдолд, атрибутын утга нь өөрөө давхар хашилт агуулж байвал дан хашилт ашиглах шаардлагатай болдог:
Эсвэл эсрэгээрээ:
Бүлгийн Дүгнэлт #
- Бүх HTML элементүүд атрибуттай байж болно.
<a>шошгын href атрибут нь холбоос очих хуудасны URL хаягийг заадаг.<img>шошгын src атрибут нь харагдах зургийн замыг заадаг.<img>шошгын width ба height атрибутууд нь зургийн хэмжээний мэдээллийг өгдөг.<img>шошгын alt атрибут нь зурагт зориулсан орлуулах текстээр хангадаг.- style атрибут нь элементэд өнгө, фонт, хэмжээ болон бусад загварыг нэмэхэд ашиглагддаг.
<html>шошгын lang атрибут нь Веб хуудасны хэлийг зарладаг.- title атрибут нь элементийн талаар нэмэлт мэдээллийг тодорхойлдог.
HTML Атрибутын Лавлах #
HTML элемент бүрийн бүх атрибутын бүрэн жагсаалтыг манай HTML Атрибутын Лавлах-аас харна уу.
