ຂ້ອຍຈະຍໍ້ໜ້າ HTML ທີ່ບໍ່ເປັນລະບຽບໄດ້ແນວໃດ?

ວາງ HTML ຂອງທ່ານໂດຍເລືອກ Beautify ໄວ້, ຈາກນັ້ນຕັ້ງຄ່າ Indent ເປັນ 2 ຊ່ອງ, 4 ຊ່ອງ ຫຼື Tab. ຜົນໄດ້ຮັບຈະອັບເດດໃນຂະນະທີ່ທ່ານພິມ, ແລະ ທ່ານສາມາດສຳເນົາ ຫຼື ດາວໂຫຼດໄຟລ໌ .html ໄດ້. ປຸ່ມ ໂຫລດຕົວຢ່າງ ຈະສະແດງຕົວຢ່າງໃຫ້ເບິ່ງ.

ເຄື່ອງມືສາມາດຕັດແຖວຍາວໆ ຫຼື ຈັດຮູບແບບ CSS ແລະ JavaScript ທີ່ຢູ່ພາຍໃນໄດ້ບໍ່?

ໄດ້. ສ່ວນ Wrap ມີຕົວເລືອກ ບໍ່ຕັດແຖວ, 80 ຖັນ ຫຼື 120 ຖັນ, ແລະ ຕົວເລືອກ Format style and script tags ຍັງຊ່ວຍຈັດຮູບແບບ CSS ແລະ JavaScript ພາຍໃນບລັອກເຫຼົ່ານັ້ນນຳອີກ. ເນື້ອຫາໃນ pre ແລະ textarea ຈະຖືກຮັກສາໄວ້ຄືເກົ່າທຸກປະການ.

ຂ້ອຍຈະຫຍໍ້ຂະໜາດ HTML ສຳລັບການນຳໃຊ້ຕົວຈິງໄດ້ແນວໃດ?

ເລືອກ Minify. ຍະຫວ່າງລະຫວ່າງແທັກຈະຖືກຕັດອອກ ແລະ ຄຳອະທິບາຍຈະຖືກລຶບອອກ ເວັ້ນເສຍແຕ່ທ່ານຈະໝາຍເລືອກ ເກັບຄຳອະທິບາຍ. ຕົວເລືອກເພີ່ມເຕີມປະກອບມີ ລຶບເຄື່ອງໝາຍຄຳເວົ້າທີ່ບໍ່ຈຳເປັນ, ຫຍໍ້ແອັດທຣິບິວຕ໌ boolean ແລະ ການຫຍໍ້ style, script ລວມທັງ style attributes ທີ່ຝັງຢູ່.

ການຫຍໍ້ຂະໜາດຈະເຮັດໃຫ້ບລັອກ pre ຫຼື ສະຄຣິບເສຍຫາຍບໍ່?

ເນື້ອຫາຂອງ pre, script, style ແລະ textarea ຈະຖືກປົກປ້ອງໄວ້ໃນລະຫວ່າງການຕັດຍະຫວ່າງ, ແລະ ຍັງຄົງຮັກສາຍະຫວ່າງລະຫວ່າງອົງປະກອບ inline ທີ່ຢູ່ຕິດກັນເພື່ອບໍ່ໃຫ້ຄຳສັບຕິດກັນ. ການຫຍໍ້ເນື້ອຫາທີ່ຝັງຢູ່ຈະເຮັດວຽກກໍຕໍ່ເມື່ອທ່ານໝາຍເລືອກເທົ່ານັ້ນ.

HTML ຂອງຂ້ອຍຖືກສົ່ງໄປຍັງເຊີບເວີບໍ່?

ບໍ່. ລະບົບ tokenizer ທີ່ຢູ່ໃນໜ້າເວັບຈະປະມວນຜົນ markup ພາຍໃນບຣາວເຊີຂອງທ່ານ, ດັ່ງນັ້ນ template ທີ່ເປັນສ່ວນຕົວ ແລະ HTML ຂອງອີເມວຈຶ່ງຍັງຄົງຢູ່ໃນອຸປະກອນຂອງທ່ານ. ບໍ່ມີການໂຫຼດໄລບຣາຣີຈັດຮູບແບບຈາກພາຍນອກ.

ຟຣີແທ້ບໍ?

ແມ່ນແລ້ວ. ທຸກເຄື່ອງມືແມ່ນໃຊ້ຟຣີ, ບໍ່ຕ້ອງມີບັນຊີ ແລະ ບໍ່ຕ້ອງໃຊ້ບັດເຄຣດິດ. ການເຮັດວຽກທັງໝົດແມ່ນດຳເນີນຢູ່ໃນອຸປະກອນຂອງທ່ານແທນທີ່ຈະຢູ່ໃນເຊີບເວີຂອງພວກເຮົາ, ເຊິ່ງເຮັດໃຫ້ເຮົາສາມາດໃຫ້ບໍລິການໄດ້ຟຣີ.

ມັນເຮັດວຽກຢູ່ໃນມືຖືບໍ?

ໄດ້. ມັນເຮັດວຽກໃນບຣາວເຊີມືຖືລຸ້ນໃໝ່ເທິງ iOS ແລະ Android ໂດຍບໍ່ຕ້ອງຕິດຕັ້ງຫຍັງ.

🌐

ຈັດຮູບແບບ & ຫຍໍ້ HTML ຟຣີ

Pretty-print ຫຼື ຫຍໍ HTML ດ້ວຍ indentation nesting ທີ່ຖືກຕ້ອງ. ຮັກສາເນື້ອຫາໃນ <pre>, <script>, <style>.

ເຮັດວຽກໃນບຣາວເຊີບໍ່ຕ້ອງລົງທະບຽນ, ບໍ່ມີໜ້າຕ່າງປັອບອັບບໍ່ຈໍາເປັນຕ້ອງເຂົ້າສູ່ລະບົບຟຣີຕະຫຼອດໄປ

ເຮັດວຽກແບບອອບໄລນ໌ໄດ້ຫຼັງໂຫຼດແລ້ວ

ຈັດຫຍໍ້:

ຕັດແຖວ:

ຈັດຮູບແບບ <style> ແລະ <script>

ວາງໄຟລ໌ບ່ອນນີ້, ຫຼື ກົດເພື່ອເລືອກ

HTML, HTM · ປະມວນຜົນຢູ່ໃນອຸປະກອນຂອງທ່ານ

ຫຼືກົດ Ctrl+V ເພື່ອວາງຈາກຄລິບບອດ

ຊອກຫາໄຟລ໌

HTML ນຳເຂົ້າ

HTML ທີ່ຈັດຮູບແບບແລ້ວ

ຜົນຈະປາກົດທີ່ນີ້…

ການນຳໃຊ້ທົ່ວໄປ

ແກ້ໄຂ Server-Rendered HTMLເບິ່ງ raw HTML ລະ ຫຼັງຈາກຕົວຈັກ (PHP, Rails, Django, Node) ໃນຮູບແບບ indented ທີ່ສາມາດອ່ານໄດ້.
ຟໍາແມັດ Email HTML TemplatesEmail HTML ເປັນລະ verbose (ຕາຕະລາງ, ລະດັບເພົາະປະສົມກະ). ຟໍາແມັດເພື່ອເຮັດຕົວແກ້ໄຂ ແລະຮັກສາ.
ຟໍາແມັດ Static HTML Pagesໄຟລ HTML ຫຍັງຍັງລະ່ອມກ່ອມໄດ້ຈາກການຟໍາແມັດ ສະໜອມສໍາລັບຕົວຈັກຮ່ວມກັນ.
ທໍາຄວາມສະອາດ CMS-ສົ່ງອອກ HTMLWordPress, Wix, Squarespace ສົ່ງອອກ HTML ທີ່ມີວັດຖຸຈໍານວນຫຼາຍ. ຟໍາແມັດເພື່ອເຮັດລະ່ອມກ່ອມ.
Minify HTML ສໍາລັບຜະລິດຕະພັນຫຼຸດກະນາດໄຟລ HTML ເພື່ອການໂຫລດໜ້າທີ່ລວດໂດຍສະກົດເວັກ whitespace ແລະອັກສອນທີ່ບໍ່ຈໍາເປັນ.

ມັນເຮັດວຽກແນວໃດ

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

1
Tokenizer ສະແກນມາກອັບ
ຕົວສະແກນທີ່ຂຽນເອງແບບທີລະຕົວອັກສອນຍ່າງຜ່ານສະຕຣິງ HTML, ລະບຸຄຳເຫັນ, ການປະກາດ DOCTYPE, ແທັກເປີດ, ແທັກປິດ, ອົງປະກອບ void ທີ່ປິດຕົວເອງ (br, img, input, ອື່ນໆ), ແລະ node ຂໍ້ຄວາມດິບ. ຕົວຊ່ວຍສະເພາະຕິດຕາມຄ່າຄຸນສົມບັດທີ່ຢູ່ໃນເຄື່ອງໝາຍວົງຢືມ ດັ່ງນັ້ນຕົວອັກສອນເຊັ່ນ > ພາຍໃນຄຸນສົມບັດ (ຕົວຢ່າງ value="a>b") ຈຶ່ງບໍ່ເຮັດໃຫ້ແທັກແຍກອອກກ່ອນເວລາ.
2
ຄວາມເລິກຂອງການເຍື້ອງຖືກຕິດຕາມຕໍ່ແທັກ
ສຳລັບໂໝດ beautify, tokenizer ຮັກສາຕົວນັບຄວາມເລິກ. ແທັກເປີດລະດັບບລັອກເພີ່ມຄວາມເລິກ; ແທັກປິດຫຼຸດມັນກ່ອນຂຽນ. ອົງປະກອບ inline (span, a, strong, em, ອື່ນໆ) ຖືກຮັກສາໄວ້ໃນແຖວດຽວກັນກັບເນື້ອຫາຂອງມັນແທນທີ່ຈະຖືກຍ້າຍໄປແຖວເຍື້ອງຂອງມັນເອງ. ແທັກເຊັ່ນ pre, script, style, ແລະ textarea ມີເນື້ອຫາພາຍໃນຖືກສົ່ງອອກຄືເດີມເພື່ອບໍ່ໃຫ້ຊ່ອງຫວ່າງ ຫຼື ໂຄ້ດທີ່ຕ້ອງປະຕິບັດເສຍຫາຍ.
3
ຕົວບີບອັດຫຍໍ້ຊ່ອງຫວ່າງຢ່າງປອດໄພ
ໃນໂໝດ minify, ເນື້ອຫາຂອງ pre, script, style, ແລະ textarea ຖືກສະຫຼັບອອກເປັນ sentinel ທີ່ນັບເລກກ່ອນການບີບອັດຊ່ອງຫວ່າງໃດໆເກີດຂຶ້ນ. ຄຳເຫັນ HTML ຖືກລົບອອກ, ແລະ ຊ່ອງຫວ່າງທີ່ຕໍ່ເນື່ອງກັນລະຫວ່າງແທັກຖືກລົບອອກ — ຍົກເວັ້ນລະຫວ່າງອົງປະກອບ inline ທີ່ຢູ່ຕິດກັນ, ບ່ອນທີ່ຊ່ອງຫວ່າງດຽວຖືກຮັກສາໄວ້ ດັ່ງນັ້ນຄຳຈຶ່ງບໍ່ຕິດກັນ. ຕົວແທນ sentinel ຈາກນັ້ນຈະຖືກຄືນສູ່ເນື້ອຫາຕົ້ນສະບັບ.
4
ຜົນລັບຖືກສະແດງ ແລະ ບັນທຶກໄດ້ເປັນທາງເລືອກ
ຜົນລັບທີ່ຈັດຮູບແບບ ຫຼື ບີບອັດແລ້ວປາກົດແບບສົດຢູ່ໃນແຜງຜົນລັບ ພ້ອມກັບເປີເຊັນການປ່ຽນແປງຂະໜາດ. ທ່ານສາມາດຄັດລອກໄປໃສ່ຄລິບບອດ ຫຼື ດາວໂຫຼດເປັນໄຟລ໌ .html, ທັງໝົດໂດຍບໍ່ຕ້ອງອອກຈາກບຣາວເຊີ.