Tanda HR digunakan dalam dokumen web untuk memaparkan garis mendatar di seluruh halaman, atau kadang-kadang dipanggil peraturan mendatar. Tidak seperti beberapa tag, yang satu ini tidak memerlukan tag penutup, maka semua yang anda perlu lakukan ialah taipkan untuk memasukkan garisan.
Baris ini melintangi lebar halaman dan membawa beberapa sifat lalai untuk menggambarkan ketebalan, lokasi, dan warna garisan, tetapi anda boleh menukar tetapan tersebut jika anda mahu.
Anda boleh mengedit ciri-ciri garis mendatar dalam dokumen HTML5 dengan mengedit CSS halaman. Barisan mendatar HTML4 telah diubah pada sisi HTML dokumen.
Adakah Semantik Tag HR?
Dalam HTML4, tag HR tidak semantik. Unsur-unsur semantik menggambarkan makna mereka dalam istilah penyemak imbas dan pemaju dapat memahami dengan mudah. Tag HR adalah satu cara untuk menambah garis mudah ke dokumen di mana sahaja anda mahu. Styling hanya bahagian atas atau bawah sempadan unsur di mana anda mahu barisan muncul meletakkan garis mendatar di bahagian atas atau bawah elemen, tetapi pada umumnya tag HR lebih mudah digunakan untuk tujuan ini.
Bermula dengan HTML5, tag HR menjadi semantik, dan kini mentakrifkan peralihan tema bertema perenggan, yang merupakan rehat dalam aliran kandungan yang tidak menjamin halaman baru atau pembatas lain yang lebih kuat - itu perubahan topik. Sebagai contoh, anda mungkin mencari tag HR selepas perubahan adegan dalam cerita, atau ia boleh menunjukkan perubahan topik dalam dokumen rujukan.
Atribut HR dalam HTML4 dan HTML5
Dalam HTML4, tag HR boleh diberikan atribut mudah termasuk jajaran, lebar, dan noshade . Penjajaran boleh ditetapkan kepada ditinggalkan , pusat , betul atau justify . Lebar melaraskan lebar garisan mendatar dari 100 persen lalai yang memanjangkan garis di seluruh halaman. The noshade atribut menjadikan garis warna pepejal bukan warna yang berlorek.
Atribut ini sudah usang dalam HTML5. Sebaliknya anda harus menggunakan CSS untuk menanda tag HR anda dalam dokumen HTML5.
Ini adalah contoh HTML5 untuk menggandakan garis mendatar menjadi 10 piksel yang tinggi menggunakan CSS dalam baris (gaya dimasukkan terus ke dalam dokumen bersama dengan HTML):
Cara lain untuk menonjolkan garisan mendatar dalam HTML5 adalah dengan menggunakan fail CSS berasingan, dan memautnya dari dokumen HTML. Dalam fail CSS, anda akan menulis gaya seperti ini: hr {ketinggian: 10px}
Kesan yang sama dalam HTML4 mengharuskan anda menambah atribut ke kandungan HTML. Inilah caranya untuk menukar saiz garisan melintang dengan saiz atribut:
Terdapat kebebasan yang lebih banyak dalam menggayakan garis mendatar dalam CSS berbanding HTML. Hanya yang lebar dan ketinggian gaya adalah konsisten di semua pelayar, jadi beberapa percubaan dan kesilapan mungkin diperlukan apabila menggunakan gaya lain. Lebar lalai sentiasa 100 peratus dari lebar halaman web atau elemen induk. Ketinggian default peraturan adalah dua piksel.
