Cara menggunakan tag HR untuk dokumen web
Tag HR telah secara tradisinya digunakan untuk menambah garis mendatar (kadang kala dipanggil peraturan mendatar) ke dokumen web. Untuk menambah baris, anda taip:
untuk mengarahkan pelayar untuk melukis garis melintang lebar halaman atau elemen induk menggunakan tetapan lalai. Talian lalai ini adalah mudah dan kerap digunakan untuk tujuannya, tetapi atribut boleh ditugaskan untuk mengubah saiz, warna, dan kedudukan garis antara ciri-ciri lain. Kaedah untuk mengubah suai penampilan baris mendatar berubah antara HTML4 dan HTML5 .
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 pecahan tema bertema perenggan, yang merupakan rehat dalam aliran kandungan yang tidak menjamin halaman baru atau pembatas yang lebih kuat - itu adalah 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 "align," "width" dan "noshade." Penjajaran boleh ditetapkan ke kiri, tengah, kanan atau membenarkan. Lebar melaraskan lebar garisan mendatar dari default 100 persen yang memperluas garis melintasi halaman. Atribut noshade yang diberikan garis warna pepejal dan bukannya warna yang berlorek. Atribut ini sudah usang dalam HTML5, dan anda harus menggunakan CSS untuk menanda tag HR anda dalam HTML5. Sebagai contoh, dalam HTML 4:
menghasilkan garis mendatar dengan ketinggian 10 piksel.
Menggunakan CSS dengan HTML5, garis mendatar yang tinggi 10 piksel dinyalakan:
Menggunakan CSS untuk gaya anda garis melintang memberikan anda banyak kebebasan dalam mereka bentuk halaman web anda. Anda dapat melihat banyak contoh gaya untuk tag HR dalam Gaya ini Artikel Tag HR . Hanya gaya lebar dan ketinggian yang konsisten merentas 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.