HTML5 BO'LIM elementidan qachon foydalanish kerak

Va qachon, ASIDE va ​​DIV dan foydalanish kerak

Yangi HTML5 BIR qismini biroz chalkashtirib yuborish mumkin. Agar siz HTML5dan oldin HTML5 hujjatlarini yaratgan bo'lsangiz, ehtimol bu sizning sahifangizdagi tarkibiy bo'linmalar yaratish uchun elementdan foydalanmoqdasiz va keyin ular bilan sahifalarni taraytirasiz. Shu sababli, mavjud DIV elementlarini BIR qismlari bilan almashtirish tabiiydir. Lekin bu texnik jihatdan noto'g'ri. Shunday qilib, siz DIV elementlarini faqatgina BIZNES elementlari bilan almashtirmasangiz, ularni qanday qilib to'g'ri ishlatasiz?

BO'LIMI BO'YIChA SEMANTIK element hisoblanadi

Birinchidan, tushunish kerakki, elementning elementi semantik elementdir. Bu shuni anglatadiki, u foydalanuvchi agentlariga ham, odamlarga ham yopiq kontent, xususan, hujjatning bir qismi haqida ma'no beradi.

Bu juda umumiy semantik tavsifga o'xshab ko'rinishi mumkin va buning sababi. Tarkibiga siz BEMENT elementidan foydalanishdan oldin foydalanishingiz kerak bo'lgan qo'shimcha semantik farqlarni beruvchi boshqa HTML5 elementlari mavjud:

Qaysi elementni qachon ishlatish kerak

Maqola faqatgina turolmaydigan va maqola yoki blog posti kabi sindikatsiya qilinadigan saytning mustaqil qismi bo'lganida foydalaning. Mundarija sahifaning mazmuni yoki saytning o'zi, masalan, yon panellari, izohlar, dipnotlar yoki tegishli sayt ma'lumotlari bilan bog'liq bo'lsa, ASIDE elementidan foydalaning. Navigatsiya tarkibidagi NAV elementidan foydalaning.

BO'LIM elementi umumiy semantik elementdir. Boshqa semantik konteyner elementlarining hech biri mos bo'lmagan paytda foydalanasiz. Hujjatlaringizning qismlarini bir-biriga o'xshash tarzda tasvirlab beradigan alohida birliklarga biriktirish uchun uni ishlatasiz. Agar bitta yoki ikkita jumla qismidagi elementlarni ta'rif qila olmasangiz, unda siz elementni ishlatmasligingiz kerak.

Buning o'rniga, DIV elementini ishlatishingiz kerak. HTML5 da DIV elementi semantik bo'lmagan konteyner element hisoblanadi. Birlashtirmoqchi bo'lgan kontentning semantik ma'nosi yo'q bo'lsa-da, siz hali uni uslublash uchun birlashtirishingiz kerak bo'lsa, unda DIV elementi ishlatiladigan mos element hisoblanadi.

Qism elementi qanday ishlaydi?

Hujjatning bir qismi maqola va ASIDE elementlari uchun tashqi konteyner sifatida ko'rinishi mumkin. Bundan tashqari, MAQOMOTI yoki ASIDE ning tarkibiy qismi bo'lmagan kontent ham bo'lishi mumkin. BIR qism elementini ARTICLE, NAV yoki ASIDE ichida topish mumkin. Siz hatto tarkiblarning bir guruhini maqola yoki butun sahifani o'z ichiga olgan boshqa tarkiblar guruhining bo'limi ekanligini ko'rsatish uchun bo'limlarni neste qilishingiz mumkin.

BO'LIM elementi hujjatning ichki qismidagi elementlarni hosil qiladi. Va shunga o'xshash har bir qismda bo'limning bir qismi sifatida har doim nomer element (H1 va H6) bo'lishi kerak. Agar bo'lim uchun sarlavha paydo bo'lmasa, yana DIV elementi ehtimol yanada mos keladi. Esda tutingki, agar siz bo'limning sarlavhasi sahifada paydo bo'lishini xohlamasangiz, uni har doim CSS bilan yopishingiz mumkin.

Qism elementini ishlatmaslik kerak

Yuqorida keltirilgan tavsiyalardan tashqari, avvalroq aniqroq semantik elementlardan foydalanish uchun, siz faqat BIR qismni ishlatmasligingiz kerak bo'lgan aniq maydon mavjud: faqat uslub uchun.

Boshqacha qilib aytadigan bo'lsak, o'sha joyda elementni qo'yishning yagona sababi CSS uslubi xususiyatlarini biriktirishdan iborat bo'lsa, siz BIR qismni ishlatmasligingiz kerak. Buning o'rniga semantik elementni toping yoki DIV elementini ishlating.

Nihoyat, bu muhim emas

Semantik HTML yozishda qiyinchilik, men uchun semantik narsa siz uchun mutlaqo bema'ni bo'lishi mumkin. Hujjatlaringizdagi BIZNES elementidan foydalanishni oqlashingiz mumkin deb hisoblasangiz, uni ishlatishingiz kerak. Foydalanuvchilarning ko'pchiligi g'amxo'rlik qilmaydi va sahifa sizni DIV yoki BIRINChI xohlasa xohlaysizmi, deb kutmoqdasiz.

Semantik jihatdan to'g'ri bo'lishni yoqtiradigan dizaynerlar uchun, semantik jihatdan to'g'ri BO'LIM elementini ishlatish muhimdir. O'z sahifalarini ishlashni istagan dizaynerlar uchun bu juda muhim emas. Men semantik ravishda joriy HTMLni yozishni yaxshi dastur deb hisoblayman va sahifalarni kelajakda isbotlashni davom ettiradi. Lekin oxir-oqibat bu sizga bog'liq.