ເພີ່ມເສັ້ນແນວນອນເພື່ອທໍາລາຍເນື້ອຫາໃນຫນ້າ

ວິທີການໃຊ້ tag HR ສໍາລັບເອກະສານເວັບ

ແທໍກ HR ໄດ້ຖືກນໍາໃຊ້ເປັນປະເພນີທີ່ຈະເພີ່ມເສັ້ນແນວນອນ (ບາງຄັ້ງເອີ້ນວ່າກົດລະບຽບນອນ) ກັບເອກະສານເວັບ. ເພື່ອເພີ່ມເສັ້ນ, ທ່ານພິມ:


ເພື່ອແນະນໍາໃຫ້ຕົວທ່ອງເວັບທີ່ຈະແຕ້ມເສັ້ນຜ່ານຫນ້າຄວາມກວ້າງເຕັມຂອງຫນ້າຫຼືອົງປະກອບແມ່ນໍາໃຊ້ການຕັ້ງຄ່າເລີ່ມຕົ້ນ. ເສັ້ນທາງເລີ່ມຕົ້ນນີ້ແມ່ນງ່າຍດາຍແລະມັກຈະເປັນຈຸດປະສົງຂອງມັນ, ແຕ່ຄຸນລັກສະນະສາມາດໄດ້ຮັບການມອບຫມາຍໃຫ້ປ່ຽນຂະຫນາດ, ສີ, ແລະຕໍາແຫນ່ງຂອງເສັ້ນທາງລະຫວ່າງລັກສະນະອື່ນໆ. ວິທີການປ່ຽນຮູບລັກສະນະຂອງເສັ້ນນອນທີ່ມີການປ່ຽນແປງລະຫວ່າງ HTML4 ແລະ HTML5 .

ແມ່ນ Tag HR Semantic?

ໃນ HTML4, ແທໍກ HR ບໍ່ໄດ້ເປັນຄວາມຫມາຍ. ອົງປະກອບຂອງ Semantic ອະທິບາຍຄວາມຫມາຍຂອງພວກເຂົາໃນແງ່ຂອງຕົວທ່ອງເວັບແລະນັກພັດທະນາສາມາດເຂົ້າໃຈງ່າຍ. tag HR ແມ່ນພຽງແຕ່ວິທີການທີ່ຈະເພີ່ມເສັ້ນງ່າຍໆໃຫ້ກັບເອກະສານທີ່ທ່ານຕ້ອງການ. ການກັ່ນຕອງພຽງແຕ່ຂອບດ້ານເທິງຫຼືດ້ານລຸ່ມຂອງອົງປະກອບທີ່ທ່ານຕ້ອງການໃຫ້ແຖວທີ່ປາກົດຢູ່ເສັ້ນທາງນອນຢູ່ດ້ານເທິງຫຼືດ້ານລຸ່ມຂອງອົງປະກອບແຕ່ໂດຍທົ່ວໄປ, ໂຄ້ດ HR ແມ່ນງ່າຍຕໍ່ການໃຊ້ສໍາລັບຈຸດປະສົງນີ້.

ເລີ່ມຕົ້ນດ້ວຍ HTML5, ແທໍກ HR ໄດ້ກາຍເປັນຄວາມຫມາຍ, ແລະໃນປັດຈຸບັນມັນກໍານົດລະດັບເວລາໃນລະດັບທີ່ແຕກຕ່າງກັນເຊິ່ງເປັນການແຕກແຍກໃນການໄຫຼເຂົ້າຂອງເນື້ອຫາທີ່ບໍ່ໄດ້ຮັບຮອງຫນ້າໃຫມ່ຫລືຕົວກໍານົດທີ່ເຂັ້ມແຂງຂື້ນອີກ, ມັນແມ່ນການປ່ຽນຫົວຂໍ້ ທີ່ຢູ່ ຕົວຢ່າງເຊັ່ນ, ທ່ານອາດຈະຊອກຫາລະຫັດ HR ຫຼັງຈາກການປ່ຽນແປງ scene ໃນເລື່ອງ, ຫຼືມັນສາມາດຊີ້ບອກການປ່ຽນຫົວຂໍ້ໃນເອກະສານອ້າງອີງ.

HR Attributes in HTML4 ແລະ HTML5

ໃນ HTML4, ໂຄ້ດ HR ສາມາດໄດ້ຮັບການກໍາຫນົດຄຸນລັກສະນະງ່າຍໆລວມທັງ "align", "width" ແລະ "noshade". ການຈັດຕໍາແຫນ່ງສາມາດຕັ້ງຄ່າໄວ້ຊ້າຍ, ກາງ, ຂວາຫຼື justify. ຄວາມກວ້າງທີ່ດັດປັບຄວາມກວ້າງຂອງເສັ້ນນອນຕາມເສັ້ນທາງເລີ່ມຕົ້ນ 100 ເປີເຊັນທີ່ຂະຫຍາຍເສັ້ນຜ່ານຫນ້າ. ຄຸນລັກສະນະ noshade ໄດ້ສະແດງເສັ້ນສີແຂງແທນທີ່ຈະເປັນສີທີ່ມີຮົ່ມ. ຄຸນລັກສະນະເຫຼົ່ານີ້ແມ່ນຫມົດເວລາໃນ HTML5, ແລະທ່ານຄວນໃຊ້ CSS ເພື່ອສະແດງ tags HR ຂອງທ່ານໃນ HTML5. ຕົວຢ່າງເຊັ່ນໃນ HTML 4:


ສ້າງເສັ້ນນອນທີ່ມີຄວາມສູງ 10 pixels.

ການນໍາໃຊ້ CSS ດ້ວຍ HTML5, ເສັ້ນແນວນອນທີ່ມີຄວາມສູງ 10 pixels ແມ່ນຮູບແບບ:


ການນໍາໃຊ້ CSS ເພື່ອໃຫ້ເສັ້ນແນວນອນຂອງທ່ານເຮັດໃຫ້ທ່ານມີອິດທິພົນຫລາຍໃນການອອກແບບຫນ້າເວັບຂອງທ່ານ. ທ່ານສາມາດເຫັນຕົວຢ່າງຈໍານວນຫຼາຍຂອງຄໍເຕົ້າໄຂ່ທີ່ສໍາລັບ tags HR ໃນ ແບບ ນີ້ບົດຄວາມ HR Tag . ພຽງແຕ່ຮູບແບບຄວາມກວ້າງແລະຄວາມສູງແມ່ນສອດຄ່ອງທົ່ວທຸກຕົວທ່ອງເວັບ, ດັ່ງນັ້ນການທົດລອງບາງແລະຄວາມຜິດພາດອາດຈໍາເປັນຕ້ອງໃຊ້ໃນການໃຊ້ຮູບແບບອື່ນໆ. ຄວາມກວ້າງຕົ້ນຕໍແມ່ນ 100 ສ່ວນຮ້ອຍຂອງ width ຂອງຫນ້າເວັບຫຼືອົງປະກອບແມ່ບົດ. ລະດັບຄວາມສູງຂອງກົດລະບຽບແມ່ນສອງ pixels.