Joan eduki nagusira
LibraTool logoLibraTool

HTML Apaintzailea eta Txikitzailea doan

Inprimatu edo txikiatu HTML koken sarrera egokiarekin. Gordetzen du edukia <pre>, <script>, <style> blokeetan.

Linez kanpo funtzionatzen du behin kargatuta

Jaregin fitxategi bat hemen edo egin klik arakatzeko

HTML, HTM Β· zure gailuan prozesatua

edo sakatu Ctrl+V arbeletik itsasteko

Arakatu fitxategiak
Edertutako HTML
Irteera hemen agertuko da…

Ohiko erabilerak

  • Debugearatu Zerbitzarian-Garratu HTMLIkus garbiko HTML irteera zerbitzarian (PHP, Rails, Django, Node) irakurgarri indentasean.
  • Formateatua Emailaren HTML TxantiloakEmailaren HTML zeragarria (taulak, stiloa inlinea). Formateatua egina eta mantenua.
  • Formateatua Static HTML OrrialaEskuz-editatua static HTML fitxategiak onura koherentzia formateatua elkarlanean edita.
  • Garbitu CMS-Irteeratua HTMLWordPress, Wix, Squarespace irteeratua HTML asko artifacts. Formateatua egina eta edita.
  • Minify HTML ProdukziorakoMurriztu HTML fitxategi tamaina azkarraren orrialaren karga kentzea zurizko espazioetan eta beharrezko karaktereak.

Nola Funtzionatzen Du

Tresna honek HTML formateatzen edo konprimitzen du eskuz idatzitako etiketa-jakitun tokenizatzaile bat erabiliz, zuzenean orrian eraikita β€” hirugarrenen formateatze-liburutegirik ez, zerbitzari-joan-etorririk ez. Zure markup-eko karaktere bakoitza lokalki prozesatzen da idatzi edo itsatsi bezain laster.

  1. 1
    Tokenizatzaileak markup-a eskaneatzen du
    Karaktere-mailako eskaner pertsonalizatu batek HTML katea zeharkatzen du, iruzkinak, DOCTYPE deklarazioak, etiketa irekiak, etiketa itxiak, elementu huts auto-itxikoak (br, img, input, e.a.), eta testu-nodo gordinak identifikatuz. Laguntzaile berezi batek komatxo arteko atributu-balioak jarraitzen ditu, beraz > bezalako karaktereak atributu baten barruan (adib. value="a>b") ez dute inoiz etiketa goiztiarki zatitzen.
  2. 2
    Koska-sakontasuna etiketaka jarraitzen da
    Edertzeko moduan, tokenizatzaileak sakontasun-kontagailu bat mantentzen du. Blokeko etiketa irekiek sakontasuna handitzen dute; itxi-etiketek idatzi aurretik txikitzen dute. Elementu barnekoek (span, a, strong, em, e.a.) beren edukiaren lerro berean mantentzen dira, beren koskatutako lerrora bultzatu beharrean. pre, script, style, eta textarea bezalako etiketek beren barne-edukia literalki igortzen dute zuriune-sentikorra edo exekutagarria den kodea ez hondatzeko.
  3. 3
    Minifikatzaileak zuriunea seguru kolapsatzen du
    Minifikazio moduan, pre, script, style, eta textarea blokeen edukia zenbakidun sentinela batekin trukatzen da zuriune-kolapsoa gertatu baino lehen. HTML iruzkinak kentzen dira, eta etiketen arteko zuriune-lasterketak kentzen dira β€” elementu barneko elkarren ondokoen artean izan ezik, non zuriune bakarra mantentzen den hitzak elkartu ez daitezen. Sentinela leku-gordailuak gero beren jatorrizko edukira berrezartzen dira.
  4. 4
    Irteera bistaratzen da eta aukeran gordetzen
    Formateatutako edo minifikatutako emaitza bizirik agertzen da irteera-panelean tamaina-aldaketaren ehuneko batekin batera. Arbelera kopia dezakezu edo .html fitxategi gisa deskargatu, dena nabigatzailetik atera gabe.

Erlazionatutako tresnak

🎨

CSS Apaintzailea

Formateatu minimizatutako CSS koskadura koherentearekin, edo minimizatu. Propietateen ordena alfabetiko aukerakoa, desberdintasun aurresangarrietarako.

Probatu
πŸ—œοΈ

CSS Txikitzailea eta Apaintzailea

Txikiatu CSS fitxategi-tamaina murrizteko edo apainduz txikitutako CSS irakurgarritasunerako. Berehalakoa, zure nabigatzailean.

Probatu
πŸ“°

XML Formatzailea eta Balioztagailua

Inprimatu eta egiaztatu XML zure nabigatzailearen DOM analizatzaile natiboarekin. Ekoizpenerako txikitutako irteera barne.

Probatu

Maiz egiten diren galderak