Хэзээ ARTICLE, ASIDE, DIV гэсэн үг хэрэглэх вэ?
Шинэ HTML5 БҮЛЭГ элемент нь зарим талаар эргэлзээтэй байж болно. Хэрэв та HTML баримтаас HTML баримтыг барьж байсан бол, та өөрийн хуудсан дахь бүтцийн хэлхээг үүсгэхийн тулд элементийг аль хэдийн ашиглаж байсан бол дараа нь хуудаснуудаа хэвлэ. Тиймээс одоо байгаа DIV элементүүдийг SECTION элементүүдээр солих нь энгийн зүйл мэт санагдаж болох юм. Гэхдээ энэ нь техникийн хувьд буруу юм. Хэрэв та DIV элементүүдийг SECTION элементүүдээр солихгүй бол та үүнийг хэрхэн зөв ашигладаг вэ?
Хэсэг элемент бол семантик элемент юм
Хамгийн эхний ойлгох зүйл бол БҮЛЭГ элемент нь семантик элемент юм. Энэ нь хэрэглэгчийн төлөөлөгч ба хүн хоёрын аль алинд нь агуулагдсан контентийг, тухайлбал баримт бичгийн хэсгийг хэлнэ гэсэн үг юм.
Энэ нь еренхий еренхий нэр томъёо мэт санагдаж магадгуй бегеед энэ нь учир нь юм. ДӨРӨВ элементийг ашиглахаасаа өмнө эхлээд ашиглах ёстой агуулгын хувьд илүү агуу ялгаатай HTML5 элементүүд байдаг:
- ARTICLE
- ASIDE
- NAV
Хэсэг элементийг хэзээ хэрэглэх вэ
Агуулга нь дангаараа байрлаж чадах сайт болох бие даасан хэсэг бөгөөд нийтлэл, блог шуудангийн нийтлэл шиг нийтэлдэг. Агуулга нь хуудасны агуулга эсвэл сайтын агуулга, тухайлбал хажуугийн хуудас, тэмдэглэгээ, зүүлт, эсвэл холбоотой сайтын мэдээлэлтэй холбоотойгоор ASIDE элементийг ашиглана. Хөтлөгчийн агуулгад Навигацийн элементийг ашигла.
SECTION элемент нь еренхий семантик элемент юм. Хэрэв та өөр бусад семантик контейнерүүдийн аль нэгийг хэрэглэхэд тохиромжгүй бол хэрэглэнэ. Докторын хэсгүүдийг хамтдаа салангид нэгж болгон хослуулахын тулд үүнийг ашиглана. Хэрэв та нэг буюу хоёр өгүүлбэр дэх хэсгийн элементүүдийг тодорхойлж чадахгүй бол элементийг ашиглах хэрэггүй байж магадгүй.
Харин оронд нь DIV элементийг ашиглах хэрэгтэй. HTML5 дэх DIV элемент нь агуулгын бус элемент юм. Хэрвээ таны агуулагдах агууламж нь утга агуулаагүй бол та үүнийг хэв маягийн хувьд нийлүүлэх шаардлагатай бол DIV элемент нь ашиглахад тохирсон элемент юм.
Хэсэг элемент хэрхэн ажилладаг вэ
Таны баримт бичгийн хэсэг нь ASIDE элементүүд болон нийтлэлүүдийн гаднах сав мэт харагдаж болно. Энэ нь мөн ARTICLE эсвэл ASIDE-ын хэсэг биш агуулга агуулж болно. БҮЛЭГ элементийг ARTICLE, NAV, эсвэл ASIDE дотроос олж болно. Та нэг бүлгийн агуулга нь өгүүллийн хэсэг эсвэл хуудасны хэсэг болох өөр бүлгийн агуулга хэсгийн хэсэг гэдгийг та харуулахын тулд үүрний хэсэг ч байж болно.
SECTION элемент нь баримт бичгийн тойм доторх зүйлсийг үүсгэдэг. Тиймээс та үргэлж хэсэг элемент (H1-аас H6) байх ёстой. Хэрвээ та хэсэг дэх гарчигтай гарч ирэх боломжгүй бол DIV элемент нь илүү тохиромжтой. Хэрэв та хуудасны гарчиг гарчигийг хүсэхгүй байгаа бол CSS-тэй хамт баглаж болно гэдгийг санаарай.
Хэсэг элемент ашиглахгүй байх
Дээрх зөвлөгөөнөөс эхлээд илүү нарийн тодорхойлсон семантик элементүүдийг ашиглахаас гадна нэг хэсэг нь SECTION элементийг ашиглах ёсгүй.
Өөрөөр хэлбэл, тухайн газарт элементийг байрлуулах цорын ганц шалтгаан бол CSS загварын шинж чанарыг хавсаргах явдал юм. Хэрэв та SECTION элемент ашиглах ёсгүй юм. Семантик элементийг олох эсвэл DIV элементийг ашиглана уу.
Эцсийн эцэст энэ нь чухал биш
Семантик HTML бичихэд хэцүү гэдэг нь миний хувьд семинар гэдэг нь танд утгагүй зүйл байж болох юм. Хэрэв та баримт бичгийн SECTION элементийг ашиглан зөвтгөж чадна гэж бодож байвал түүнийг ашиглах хэрэгтэй. Ихэнх хэрэглэгчийн агентууд нь DIV эсвэл SECTION гэж хэвшсэн эсэхээс хамаарч хуудсыг харуулах болно.
Аюулгүй байдлыг хангахыг хүсдэг дизайнеруудын хувьд SECTION элементийг саармагжуулах арга замаар ашиглах нь чухал юм. Зөвхөн хуудаснуудаа ажиллахыг хүсдэг дизайнеруудын хувьд энэ нь тийм ч чухал биш юм. Семантик HTML зөв бичих нь сайн туршлага бөгөөд ирээдүйд нотлогдсон хуудсуудыг хадгалдаг гэдэгт би итгэдэг. Гэхдээ эцэст нь чамаас хамаарна.