Sizning veb-dizayningizni erta o'rganishingiz mumkin bo'lgan teglardan biri "diqqat teglar" deb nomlanadigan tagliklardan iborat. Keling, bu teglar nima va ularning veb-dizaynda qanday ishlatilishini ko'rib chiqaylik.
XHTML sahifasiga qayting
Agar siz HTML yillar oldin HTML5 ni o'rganishdan oldin bilgan bo'lsangiz, ehtimol siz qalin va kursiv teglardan foydalangansiz. Kutganingizdek, ushbu teglar elementlarni qalin matnga yoki kursiv matnga aylantirdi. Bu teglar bilan bog'liq muammolar va nega ular yangi elementlar (biz qisqa vaqt ichida ko'rib chiqamiz) foydasiga bir chetga surilganligi, ular semantik elementlar emasligi. Buning sababi, ular matn haqida ma'lumot olishdan ko'ra, qanday matnni ko'rish kerakligini aniqlaydi. Eslab qoling, HTML (bu teglar yozilgan joyda) barcha narsalar ingl. Uslublar emas, balki strukturasi haqida! Tasvirlar CSS tomonidan ko'rib chiqiladi va veb-dizayn bo'yicha eng yaxshi amaliyotlar sizning veb-sahifalaringizda uslub va tuzilmalarni aniq ajratish kerakligini uzoq vaqt davomida o'tkazgan. Bu semantik bo'lmagan va tarkibga qaraganda batafsilroq narsalarni ishlatmaslik degan ma'noni anglatadi. Shuning uchun qalin va kursiv belgilar odatda kuchli (qalin va diqqat uchun) (italiklar uchun) bilan almashtirildi.
& lt; strong & gt; va "& gt;
Kuchli va diqqat elementlar sizning matningizga ma'lumot qo'shib, mazmunga ega bo'lgan kontentni batafsil aks ettiradigan va ushbu kontentdan foydalangan holda ta'kidlangan. Siz o'tmishda qalin va italik ishlatgan bo'lardingiz. Matnni ochish va yopish belgilariga (diqqat uchun va va kuchli diqqat qilish uchun va ) tekkizishingiz kerak va qo'shilgan matn ta'kidlanadi.
Siz ushbu teglarni joylashtirishingiz mumkin va tashqi yorliq qanday ahamiyatga ega. Mana ba'zi misollar.
Ushbu matn ta'kidlangan va brauzerlarning aksariyati uni kursiv sifatida aks ettiradi. Ushbu matn juda kuchli ta'kidlangan va brauzerlarning aksariyati uni qalin turdagi qilib ko'rsatishadi.Ushbu ikkala misolda ham biz HTML bilan ingl. Ko'rinishni aytib o'tmoqdamiz. Ha, tagining standart ko'rinishi kursiv bo'ladi va qalin bo'ladi, lekin u ko'rinishda CSS-da osongina o'zgarishi mumkin. Bu har ikki dunyodagi eng yaxshisidir. Hujjatda aslida kesishmasdan va strukturani va uslubni aralashtirmasdan kursiv yoki qalin matnni olish uchun standart brauzer turmagidan foydalanishingiz mumkin. matn faqat qalin bo'lishi bilan emas, balki qizil bo'lishini ham istasangiz, buni CSS-ga qo'shishingiz mumkin
kuchli {
rang: qizil;
}
Ushbu misolda qalin shrift vazni uchun xususiyatni kiritishingiz shart emas, chunki bu asl qiymati. Agar buni tasodifan tark etishni istamasangiz, uni quyidagicha qo'shishingiz mumkin:
kuchli {
harflarning og'irligi: qalin;
rang: qizil;
}
Endi yorlig'i qayerda ishlatilgan bo'lsa, qalin (qizil) matnli sahifani olishingiz mumkin.
Diqqatni ikki barobar oshirish
Yil davomida ko'rgan bir narsa, diqqatni ikki baravar oshirishga harakat qilsangiz nima bo'ladi. Masalan:
Bu matn ichida qalin va kursiv qilingan matniga ega bo'lishi kerak.Sizningcha, bu chiziq qalin va bo'rttirma matnli maydonni yaratadi, deb o'ylarsiz. Ba'zan bu haqiqatan ham sodir bo'ladi, lekin ba'zi brauzerlar faqat ushbu matnga eng yaqin bo'lgan ikkita diqqat uslubining ikkinchi qismini sharaflaydilar va faqat uni italik sifatida ko'rsatishadi. Bu diqqat teglar bo'yicha takrorlanmasligimning sabablaridan biri.
Ushbu "ikki barobar" bo'lishdan qochishning yana bir sababi - bu uslubiy maqsadlar. O'rnatmoqchi bo'lgan ohangni etkazish uchun odatda etarli bo'lsa, diqqatni bir shaklda. Uni turtmasligi uchun qalin, kursiv, rangli, kattalashtirmoq va matnni chizish shart emas. Ushbu matn, bu turli xil diqqatga sazovor narsalar garmonik bo'lib qoladi. Shuning uchun diqqat teglarni yoki CSS uslublarini diqqat bilan ta'minlash uchun ehtiyotkorlik bilan foydalaning va uni ortiqcha bajarmang.
Qalin va kursivlar bo'yicha eslatma
Bitta yakuniy fikr - qalin () va kursiv () teglar diqqat elementlari sifatida foydalanish uchun tavsiya etilmagan bo'lsa, bu teglarni matnning matn satr satrida ishlatadigan ba'zi veb-dizaynerlar mavjud. Asosan, ular uni elementi kabi ishlatishadi. Bu juda yoqimli, chunki teglar juda qisqa, ammo bu kabi elementlardan foydalanish odatda tavsiya qilinmaydi. Ba'zi saytlarda qalin yoki kursiv matnni yaratmaslik uchun foydalanilgan bo'lsa-da, u erda boshqa bir nechta ingl. Uslublar uchun CSS kanca yaratish uchun uni ko'rsangiz.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 12/2/16 da tahrirlangan.