Səhifə üzərində məzmunu pozmaq üçün Horizontal Lines əlavə edin

Bir web sənəd üçün HR tag istifadə necə

HR tag anbar bir web sənədinə üfüqi bir xətt (bəzən üfüqi qayda adlanır) əlavə etmək üçün ənənəvi olaraq istifadə edilmişdir. Bir xətt əlavə etmək üçün brauzerin səhifənin və ya ana elementin tam genişliyi boyunca standart parametrləri istifadə edərək bir xətt çəkmək üçün təlimatlandırmaq üçün yazın:


yazın. Bu default xətt sadədir və tez-tez məqsədinə xidmət edir, lakin xüsusiyyətlər xəttin ölçüsünü, rəngini və mövqeyini digər xüsusiyyətlər arasında dəyişdirmək üçün təyin edilə bilər. Horizontal xəttin görünüşünü dəyişdirmək metodu HTML4 və HTML5 arasında dəyişdi.

HR Tags Semantik mi?

HTML4-də, HR-tag semantik deyil. Semantik elementlər brauzer baxımından mənasını təsvir edir və geliştirici asanlıqla başa düşə bilər. İK etiketi, istənilən yerdə bir sənədə sadə bir xətt əlavə etmək üçün bir yoldur. Xəttin görünməsini istədiyi elementin yalnız üst və ya alt sərhədini elementin yuxarı və ya aşağı hissəsində üfüqi bir xətt yerləşdirmişdir, lakin ümumiyyətlə, HR tag bu məqsəd üçün istifadə etmək daha asan idi.

HTML5-dən başlayaraq, İK etiketi semantik oldu və indi bir paraqraf səviyyəli tematik oxunuşu müəyyən edir ki, bu yeni bir səhifə və ya daha güclü bir bölücüə zəmanət verməyən məzmunun axınının pozulmasıdır - bu mövzu dəyişikliyidir . Məsələn, bir hekayə bir səhnə dəyişikliyindən sonra HR tag tapa bilərsiniz və ya bir istinad sənədində mövzunun dəyişikliyini göstərə bilər.

HTML4 və HTML5-də HR xüsusiyyətləri

HTML4-də HR etiketinə "align", "width" və "noshade" daxil olmaqla sadə təsvirlər verilə bilər. Hizalama sola, mərkəzə, sağa və ya haqlı olaraq təyin edilə bilər. Genişlik, üfüqi xəttin genişliyini satırın səhifənin hər tərəfinə uzanan default 100 faizindən düzəldirdi. Noshade özniteliği gölgeli bir renk yerine sağlam renk çizgisi gösterdi. Bu xüsusiyyətlər HTML5-də köhnəlmişdir və HTML5-də HR etiketlərinizi tərtib etmək üçün CSS-dən istifadə etməlisiniz. Məsələn, HTML 4-də:


10 piksel yüksəkliklə üfüqi xətt yaradır.

HTML5 ilə CSS-dən istifadə edərək, 10 piksel yüksək üfüqi bir xətt səpilir:


Üfüqi xəttinizə uyğun CSS- ni istifadə edərək, veb səhifənizin dizaynında bir çox azadlıq verir. HR Tags yazısında bu üslubda üslubların bir çox nümunəsini görə bilərsiniz. Yalnız genişlik və boyun üslubları bütün brauzerlər arasında ardıcıldır, buna görə də digər üslubları istifadə edərkən bəzi sınaq və səhvlər tələb oluna bilər. Standart eni həmişə veb səhifənin və ya ana elementin eni 100 faizidir. Qaydanın varsayılan yüksekliği iki pikseldir.