Veb-hujjat uchun HR tagini qanday ishlatish kerak
Chiqish yorlig'i an'anaviy tarzda veb-dokumentga gorizontal chiziq (ba'zida gorizontal qoidalar deb ataladi) kiritish uchun ishlatilgan. Chiziqni kiritish uchun brauzerni standart sozlamalarni ishlatib, sahifaning to'liq kengligi yoki satr satrini chizish uchun ko'rsatma berish uchun
ni kiriting. Ushbu standart chiziq oddiy va odatda o'z maqsadiga xizmat qiladi, lekin xossaning o'lchamini, rangi va pozitsiyasini boshqa xususiyatlar o'rtasida o'zgartirishi mumkin. Gorizontal chiziq ko'rinishini o'zgartirish usuli HTML4 va HTML5 o'rtasida o'zgartirildi.
HR Tags Semantic bormi?
HTML4 da kommutatsiyaning yorlig'i semantik emas edi. Semantik elementlar brauzerlar uchun ma'nolarini ta'riflaydi va ishlab chiquvchi osongina tushunishi mumkin. Chiqish yorlig'i sizning xohlagan joyingizga hujjatning oddiy chizig'ini kiritishning oddiy usuli edi. Chiziqning ko'rinishini xohlagan elementning faqat yuqori yoki pastki chegarasini elementning yuqori yoki pastki qismiga gorizontal chiziq qo'yib berishi mumkin, lekin umuman, bu maqsadda foydalanish uchun qulayroq bo'ldi.
HTML5dan boshlab, HR keshlari semantik bo'lib qoldi va endi paragraf darajasidagi anik uzilishni belgilaydi, bu yangi sahifani yoki boshqa kuchli chegaralarni belgilamaydigan kontent oqimining uzilishidir - bu mavzuning o'zgarishi . Misol uchun, hikoyangizdagi sahna o'zgarishidan keyin HR yorlig'ini topishingiz mumkin yoki u mos yozuvlar hujjatida mavzuni o'zgartirishni ko'rsatishi mumkin.
HTML4 va HTML5 da HR resurslari
HTML4-da, HR yorlig'iga "align", "width" va "noshade" kabi sodda atributlar berilishi mumkin. Hizalama chapga, markazga, o'ngga yoki oqlanishi mumkin. Kengligi gorizontal chiziqning kengligini 100 foizdan boshlab, sahifani bo'ylab kengaytiradigan darajada o'rnatdi. Noshada xususiyati soyali rang o'rniga qattiq rangli chiziq ko'rsatdi. Ushbu atributlar HTML5 da eskirgan va HTML5 da sizning HR chizmalarni tarjima qilish uchun CSS-dan foydalaning. Masalan, HTML 4 da:
10 piksel balandlikdagi gorizontal chiziq hosil qiladi.
HTML5 yordamida CSS-dan foydalanib, 10 piksel balandli gorizontal chiziq:
Sizning gorizontal chizg'ichingizni tarjima qilish uchun CSS- dan foydalanish sizga veb-sahifangizni yaratishda juda ko'p erkinlik beradi. Ushbu " Style" HR Tag maqolasida HR teglar uchun uslublarning ko'plab misollarini ko'rishingiz mumkin. Faqatgina kenglik va bo'ylama uslublari barcha brauzerlarda bir-biriga mos keladi, shuning uchun boshqa uslublarni ishlatganda ba'zi sinov va xatolarga ehtiyoj sezilishi mumkin. Standart kenglik har doim veb-sahifaning yoki ota-elementning kengligining 100 foizini tashkil qiladi. Qoidaning standart balandligi ikki pikseldir.