ຖ້າທ່ານເຄີຍເບິ່ງຢູ່ໃນບັນຊີລາຍຊື່ຂອງເອກະສານ HTML, ທ່ານອາດພົບວ່າຕົວທ່ານເອງໄດ້ຖາມວ່າ "blockquote ແມ່ນຫຍັງ?" ອົງປະກອບ blockquote ແມ່ນຄູ່ຄູ່ tag HTML ທີ່ຖືກນໍາໃຊ້ເພື່ອກໍານົດວົງຢືມຍາວ. ນີ້ແມ່ນຄໍານິຍາມຂອງອົງປະກອບນີ້ຕາມຂໍ້ກໍານົດ W3C HTML5:
ອົງປະກອບ blockquote ແມ່ນສ່ວນຫນຶ່ງທີ່ຖືກຕີລາຄາຈາກແຫຼ່ງອື່ນ.
ວິທີການໃຊ້ Blockquote ໃນຫນ້າເວັບຂອງທ່ານ
ໃນເວລາທີ່ທ່ານຂຽນຂໍ້ຄວາມໃນຫນ້າເວັບແລະສ້າງຮູບແບບຂອງຫນ້ານັ້ນ, ບາງຄັ້ງທ່ານຕ້ອງການໂທອອກຂໍ້ຄວາມເປັນວົງຢືມ.
ນີ້ອາດຈະເປັນຄໍາອ້າງອີງຈາກບ່ອນອື່ນ, ເຊັ່ນ: ການປະຈັກພະຍານຂອງລູກຄ້າທີ່ກ່ຽວຂ້ອງກັບເລື່ອງການສຶກສາກໍລະນີຫຼືຜົນສໍາເລັດຂອງໂຄງການ. ນີ້ຍັງສາມາດເປັນການປິ່ນປົວການອອກແບບທີ່ເຮັດໃຫ້ຂໍ້ຄວາມທີ່ສໍາຄັນບາງຢ່າງໄດ້ມາຈາກບົດຄວາມຫຼືເນື້ອຫາຂອງມັນເອງ. ໃນການເຜີຍແຜ່, ນີ້ແມ່ນບາງຄັ້ງເອີ້ນວ່າ quote quote , ໃນການອອກແບບເວັບໄຊຕ໌, ຫນຶ່ງໃນວິທີທີ່ຈະບັນລຸເປົ້າຫມາຍນີ້ (ແລະວິທີທີ່ພວກເຮົາກວມເອົາໃນບົດຄວາມນີ້) ຖືກເອີ້ນວ່າ blockquote.
ດັ່ງນັ້ນ, ໃຫ້ເບິ່ງວິທີທີ່ທ່ານຈະນໍາໃຊ້ແທັກ blockquote ເພື່ອກໍານົດວົງຢືມຍາວ, ເຊັ່ນ: ບົດຄັດຫຍໍ້ນີ້ຈາກ "Jabberwocky" ໂດຍ Lewis Carroll:
'twas brillig ແລະ toves slithey
ບໍ່ມີ gyre ແລະ gimble ໃນ wabe ໄດ້:
ທັງຫມົດ mimsy ແມ່ນ borogoves,
ແລະ raths mome outgrabe.
(ໂດຍ Lewis Carroll)
ຕົວຢ່າງຂອງການໃຊ້ Tag Blockquote
ໂຄດຄໍາສັ່ງ blockquote ແມ່ນຄໍາແປ້ນແຈ້ງທີ່ບອກຕົວທ່ອງເວັບຫຼືຕົວແທນຜູ້ໃຊ້ວ່າເນື້ອຫາເປັນຄໍາຄັກສັ້ນ. ດັ່ງນັ້ນ, ທ່ານບໍ່ຄວນປະກອບເອກະສານທີ່ບໍ່ແມ່ນຄໍາໂຄສະນາພາຍໃນປ້າຍ blockquote. ຈົ່ງຈື່ໄວ້ວ່າ "quote" ແມ່ນຄໍາສັບທີ່ແທ້ຈິງທີ່ຜູ້ໃດຜູ້ຫນຶ່ງໄດ້ເວົ້າຫຼືຂໍ້ຄວາມຈາກແຫລ່ງພາຍນອກ (ເຊັ່ນ: ຂໍ້ຄວາມ Lewis Carroll ໃນບົດຄວາມນີ້) ມັນຍັງ ສາມາດ ເປັນແນວຄວາມຄິດຂອງ pullquote ທີ່ພວກເຮົາໄດ້ກວມເອົາໃນເມື່ອກ່ອນ.
ໃນເວລາທີ່ທ່ານຄິດກ່ຽວກັບມັນ, pullquote ວ່າແມ່ນ quote ຂອງຂໍ້ຄວາມ, ມັນພຽງແຕ່ຈະເກີດຂຶ້ນມາຈາກບົດຄວາມດຽວກັນວ່າ quote ຕົວມັນເອງຈະປາກົດຢູ່ໃນ.
ຕົວທ່ອງເວັບເວັບໄຊຕ໌ສ່ວນໃຫຍ່ເພີ່ມບາງອິນເຕີເນັດ (ປະມານ 5 ສະຖານທີ່) ໃຫ້ທັງສອງດ້ານຂອງ blockquote ເພື່ອເຮັດໃຫ້ມັນໂດດເດັ່ນຈາກຂໍ້ຄວາມທີ່ອ້ອມຂ້າງ. ບາງຕົວທ່ອງເວັບອາຍຸສູງສຸດອາດຈະເຮັດໃຫ້ຂໍ້ຄວາມທີ່ໄດ້ຮັບຄໍາແນະນໍາໃນມັນ.
ຈືຂໍ້ມູນການວ່ານີ້ແມ່ນພຽງແຕ່ຄໍເຕົ້າໄຂ່ທີ່ກໍານົດໄວ້ຂອງອົງປະກອບ blockquote. ມີ CSS, ທ່ານມີການຄວບຄຸມທັງຫມົດກ່ຽວກັບວິທີການ blockquote ຂອງທ່ານຈະສະແດງ. ທ່ານສາມາດເພີ່ມຫຼືຍົກເລີກການດັດແປງສີ, ເພີ່ມສີພື້ນຖານຫຼືເພີ່ມຂະຫນາດຕົວຫນັງສືເພື່ອເພີ່ມລາຍເຊັນ. ທ່ານສາມາດເລື່ອນຂໍ້ຄວາມນັ້ນໄປຂ້າງຫນຶ່ງຂອງຫນ້າແລະມີຂໍ້ຄວາມອື່ນໆຮອບມັນ, ເຊິ່ງເປັນແບບທີ່ເບິ່ງເຫັນໂດຍທົ່ວໄປທີ່ໃຊ້ໃນການດຶງຫນັງສືພິມໃນວາລະສານ. ທ່ານມີການຄວບຄຸມຮູບລັກສະນະຂອງ blockquote ກັບ CSS, ບາງສິ່ງບາງຢ່າງທີ່ພວກເຮົາຈະປຶກສາຫາລືອີກຕໍ່ໄປອີກແລ້ວ. ສໍາລັບໃນປັດຈຸບັນ, ໃຫ້ສືບຕໍ່ຊອກຫາວິທີການເພີ່ມ quote ຕົວມັນເອງກັບ HTML markup ຂອງທ່ານ.
ເພື່ອເພີ່ມແທັກ blockquote ກັບຂໍ້ຄວາມຂອງທ່ານ, ພຽງແຕ່ອ້ອມຮອບຂໍ້ຄວາມທີ່ເປັນວົງຢືມທີ່ມີຄູ່ໂຄສະນາຕໍ່ໄປນີ້ -
ຍົກຕົວຢ່າງ:
'twas brillig ແລະ toves slithey
ບໍ່ມີ gyre ແລະ gimble ໃນ wabe ໄດ້:
ທັງຫມົດ mimsy ແມ່ນ borogoves,
ແລະ raths mome outgrabe.
ຂະນະທີ່ທ່ານສາມາດເບິ່ງເຫັນໄດ້, ທ່ານພຽງແຕ່ເພີ່ມຄູ່ຂອງບັນຊີ blockquote ປະມານເນື້ອຫາຂອງ quote ຕົວມັນເອງ. ໃນຕົວຢ່າງນີ້, ພວກເຮົາຍັງໃຊ້ແທັບ break ບາງ (
) ເພື່ອເພີ່ມການທໍາລາຍເສັ້ນດຽວທີ່ເຫມາະສົມພາຍໃນຂອງຂໍ້ຄວາມ. ນີ້ແມ່ນຍ້ອນວ່າພວກເຮົາກໍາລັງສ້າງຂໍ້ຄວາມຈາກ poem, ບ່ອນທີ່ພັກຜ່ອນເຫຼົ່ານັ້ນແມ່ນສໍາຄັນ. ຖ້າຫາກວ່າທ່ານກໍາລັງສ້າງລາຍການສະແດງຄວາມຊົມເຊີຍຂອງລູກຄ້າແລະສາຍບໍ່ຈໍາເປັນຕ້ອງແຕກແຍກໃນບາງພາກສ່ວນ, ທ່ານຈະບໍ່ຕ້ອງການເພີ່ມແທັບ break ເຫຼົ່ານີ້ແລະອະນຸຍາດໃຫ້ຕົວທ່ອງເວັບຂອງຕົນເອງຫໍ່ແລະທໍາລາຍຕາມຄວາມຕ້ອງການໂດຍອີງໃສ່ຂະຫນາດຫນ້າຈໍ.
ຢ່າໃຊ້ Blockquote ເພື່ອເຂົ້າຫາຂໍ້ຄວາມ
ສໍາລັບເວລາຫຼາຍປີ, ປະຊາຊົນໄດ້ນໍາໃຊ້ໂຄດຄໍາສັ່ງ blockquote ຖ້າພວກເຂົາຕ້ອງການເຂົ້າເບິ່ງຂໍ້ຄວາມຢູ່ໃນຫນ້າເວັບຂອງພວກເຂົາ, ເຖິງແມ່ນວ່າຂໍ້ຄວາມນັ້ນບໍ່ແມ່ນ pullquote. ນີ້ແມ່ນການປະຕິບັດທີ່ບໍ່ດີ! ທ່ານບໍ່ຕ້ອງການນໍາໃຊ້ຄໍາສັບກ່ຽວກັບ blockquote ສໍາລັບເຫດຜົນທີ່ເບິ່ງເຫັນ. ຖ້າທ່ານຈໍາເປັນຕ້ອງເຂົ້າຫາຂໍ້ຄວາມຂອງທ່ານ, ທ່ານຄວນໃຊ້ແຜ່ນແບບບໍ່ໄດ້ຫມາຍເລກ blockquote (ເວັ້ນເສຍແຕ່, ແນ່ນອນ, ສິ່ງທີ່ທ່ານກໍາລັງພະຍາຍາມທີ່ຈະເຂົ້າຫາແມ່ນ quote)! ລອງໃຊ້ລະຫັດນີ້ໃນຫນ້າເວັບຂອງທ່ານຖ້າທ່ານກໍາລັງພະຍາຍາມພຽງແຕ່ເພີ່ມການດັດແກ້:
ນີ້ຈະເປັນຂໍ້ຄວາມທີ່ຖືກດັດແປງ.
ຕໍ່ໄປ, ທ່ານຈະຄາດຫມາຍວ່າຊັ້ນຮຽນດ້ວຍແບບ CSS
ອິນໂດເນເຊຍ {
padding: 0 10px
}
ນີ້ເພີ່ມ 10 pad ຂອງ padding ໄປຫາຂ້າງຂອງວັກ.
ບົດສະບັບຕົ້ນໂດຍ Jennifer Krynin. ແກ້ໄຂໂດຍ Jeremy Girard ເມື່ອວັນທີ 5/8/17.