ຂໍ້ຄວາມທີ່ຖືກກໍານົດໄວ້ແມ່ນຫຍັງ?

ຕໍ່ໄປນີ້ແມ່ນວິທີການທີ່ຈະນໍາໃຊ້ໂຄດຄໍາສັ່ງທີ່ກໍານົດໄວ້ໃນຮູບແບບ HTML ໃນລະຫັດຂອງທ່ານ

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

ຂໍ້ຄວາມ HTML ຈະທໍາລາຍເສັ້ນທີ່ມັນຕ້ອງການເມື່ອມັນຮອດຕອນທ້າຍຂອງພື້ນທີ່ຂອງມັນ. ໃນທີ່ສຸດ, ຕົວທ່ອງເວັບມີບົດບາດຫຼາຍຂຶ້ນໃນການກໍານົດວິທີການທໍາລາຍຂໍ້ຄວາມຫຼາຍກວ່າທີ່ທ່ານເຮັດ.

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

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

ນີ້ແມ່ນຮູ້ວ່າເປັນຂໍ້ຄວາມທີ່ໄດ້ຮັບການສ້າງກ່ອນຫນ້າ (ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ທ່ານກໍານົດຮູບແບບ). ທ່ານສາມາດເພີ່ມຂໍ້ຄວາມທີ່ມີຮູບແບບກ່ອນຫນ້າເຂົ້າໃນຫນ້າເວັບຂອງທ່ານໂດຍນໍາໃຊ້ໂຄດຄໍາສັ່ງ HTML.

ໃຊ້

 Tag 

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

ນີ້ແມ່ນກ່ອນທີ່ຈະເພີ່ມຂຶ້ນຂອງ CSS ສໍາລັບການອອກແບບ, ໃນເວລາທີ່ອອກແບບເວັບໄດ້ຖືກ stuck ກໍ່ພະຍາຍາມບັງຄັບໃຊ້ຮູບແບບການນໍາໃຊ້ຕາຕະລາງແລະວິທີການ HTML ອື່ນໆເທົ່ານັ້ນ. ນີ້ (kinda) ເຮັດວຽກຍ້ອນວ່າຂໍ້ຄວາມທີ່ຖືກກໍານົດໄວ້ຖືກກໍານົດເປັນຂໍ້ຄວາມທີ່ໂຄງສ້າງຖືກກໍານົດໂດຍສົນທິປະເພດ typographics ແທນທີ່ຈະໂດຍການສະແດງ HTML.

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

ນີ້ແມ່ນວິທີຫນຶ່ງທີ່ໃຊ້ HTML

 tag: 

 
 Twas brillig and the slithey toves ບໍ່ gyre ແລະ gimble ໃນ wabe  
 ເອກະສານ HTML ທໍາລາຍພື້ນທີ່ສີຂາວໃນເອກະສານ. ນີ້ຫມາຍຄວາມວ່າການຂົນສົ່ງກັບຄືນໄປບ່ອນ, ສະຖານທີ່ແລະຕົວອັກສອນທີ່ໃຊ້ໃນຂໍ້ຄວາມນີ້ຈະຖືກລວບລວມລົງໄປໃນພື້ນທີ່ຫນຶ່ງ. ຖ້າທ່ານພິມຂໍ້ຄວາມຂ້າງເທິງເຂົ້າໄປໃນໂຄດຄໍາສັ່ງ HTML ແບບປົກກະຕິເຊັ່ນ: p (paragraph), ທ່ານຈະສິ້ນສຸດດ້ວຍຂໍ້ຫນຶ່ງໃນຂໍ້ຄວາມດັ່ງນີ້: 
 Twas brillig and the slithey toves Did gyre and gimble in wabe 
 ໂຄດຄໍາສັ່ງກ່ອນທີ່ຈະປ່ອຍຕົວອັກສອນສີຂາວເປັນຄືກັນ. ດັ່ງນັ້ນສາຍຂອງເສັ້ນ, ຊ່ອງຫວ່າງ, ແລະແທັບທັງຫມົດຖືກຮັກສາໄວ້ໃນການສະແດງຂອງເນື້ອຫານັ້ນ. ການໃສ່ຄໍາຢູ່ໃນໂຄດຄໍາສັ່ງສໍາລັບຂໍ້ຄວາມດຽວກັນນັ້ນຈະສົ່ງຜົນສະແດງໃນຫນ້າຈໍນີ້: 
 Twas brillig and the slithey toves Did gyre and gimble in wabe 
 ກ່ຽວກັບຕົວອັກສອນ 
 ໂຄດຄໍາສັ່ງກ່ອນຫນ້ານັ້ນບໍ່ພຽງແຕ່ຮັກສາສະຖານທີ່ແລະການພັກຜ່ອນສໍາລັບຂໍ້ຄວາມທີ່ທ່ານຂຽນ. ໃນຕົວທ່ອງເວັບສ່ວນໃຫຍ່, ມັນຖືກຂຽນໃນຕົວອັກສອນ monospace. ນີ້ເຮັດໃຫ້ຕົວອັກສອນໃນຂໍ້ຄວາມທັງຫມົດເທົ່າທຽມກັນໃນຄວາມກວ້າງ. ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ຈົດຫມາຍຂ້ອຍໃຊ້ເວລາຫຼາຍເທົ່າທີ່ມີຕົວຫນັງສື w. 
 ຖ້າທ່ານຕ້ອງການໃຊ້ຕົວອັກສອນອື່ນແທນຕໍາແຫນ່ງ monospace ແບບເດີມທີ່ສະແດງຕົວທ່ອງເວັບ, ທ່ານຍັງສາມາດປ່ຽນແບບນີ້ກັບແຜ່ນແບບແລະເລືອກ ແບບອັກສອນອື່ນໃດກໍ່ຕາມທ່ານຕ້ອງການຂໍ້ຄວາມທີ່ຈະສະແດງຢູ່ . 
 HTML5 
 ສິ່ງຫນຶ່ງທີ່ຄວນລະວັງແມ່ນວ່າ, ໃນ HTML5, ຄຸນລັກສະນະ "width" ບໍ່ຖືກສະຫນັບສະຫນູນສໍາລັບອົງປະກອບ 
. ໃນ HTML 4.01, width ໄດ້ລະບຸຈໍານວນຕົວອັກສອນທີ່ເສັ້ນຈະບັນຈຸ, ແຕ່ນີ້ໄດ້ຖືກຫຼຸດລົງສໍາລັບ HTML5 ແລະສູງກວ່າ. 

 ແກ້ໄຂໂດຍ Jeremy Girard ທີ່ 2/2/17