🌐

Kyauta Mai Kyautata & Rage HTML

Buga ko rage HTML tare da tazara mai kyau na naɗewa. Yana kiyaye abun ciki a cikin blocks na <pre>, <script>, <style>.

Yana aiki a cikin browser ɗinkaBa a bukatar rajista, babu tsalle-tsalleBabu buƙatar shigaKyauta har abada

Yana aiki babu haɗi da zarar an loda shi

Shigar zurfi:

Naɗewa:

Tsara <style> da <script>

Jefa fayiloli a nan, ko danna don bincika

HTML, HTM · Babu iyakar girman fayil

ko danna Ctrl+V don manna daga clipboard ɗinka

Bincika fayiloli

Shigar da HTML

HTML mai kyawun tsari

Fitarwa za ta bayyana a nan…

Yadda Yake Aiki

Wannan kayan aikin yana tsara ko matsa HTML ta amfani da mai tsara alamomi mai fahimtar-tag da aka rubuta da hannu wanda aka gina kai tsaye a shafin — babu ɗakin karatu na tsari na bangare na uku, babu tafiya-zuwa-uwar garke. Ana sarrafa kowace harafin alamarka a wurin nan a burauza nan take da ka buga ko manna shi.

1
Mai tsara alamomi yana bincika alamar
Wani mai bincike na musamman harafi-bayan-harafi yana tafiya harafin HTML, yana gano sharhi, sanarwar DOCTYPE, alamomin buɗewa, alamomin rufewa, abubuwan void masu rufe-kansu (br, img, input, da sauransu), da nodes na rubutu danye. Wani mai taimako na musamman yana bin diddigin ƙimomin siffa da aka ambata don haruffa kamar > a cikin siffa (misali value="a>b") ba su taɓa haddasa alama ta rabu da wuri ba.
2
Ana bin diddigin zurfin tazara a kowace alama
Don yanayin kyautatawa, mai tsara alamomin yana ci gaba da ma'aunin zurfi. Alamomin buɗewa na matakin block suna ƙara zurfi; alamomin rufewa suna rage shi kafin a rubuta su. Abubuwan cikin-layi (span, a, strong, em, da sauransu) ana ajiye su a iri ɗayan layi da abin da ke ciki maimakon a tura su zuwa layinsu na daban mai tazara. Alamomi kamar pre, script, style, da textarea suna da abin da ke ciki ana fitar da shi gaskiya don guje wa gurɓata farin sarari-mai-hankali ko lamba mai gudanarwa.
3
Minifier yana rushe farin sarari lafiya
A yanayin minify, ana musanya abin da ke ciki na pre, script, style, da textarea blocks da sentinels masu lamba kafin duk wani rushewar farin sarari ya faru. Ana zubar da sharhin HTML, kuma ana cire gudu na farin sarari tsakanin alamomi — sai dai tsakanin abubuwan cikin-layi kusa da junansu, inda ake kiyaye sarari guda don kalmomi kada su haɗu. Sannan ana mayar da wuraren sentinel zuwa abin da ke ciki na asali.
4
Ana nuna fitarwa kuma a zaɓi ajiye shi
Sakamakon da aka tsara ko minify yana bayyana kai tsaye a fanel na fitarwa tare da kaso na canjin girma. Za ka iya kwafi shi zuwa clipboard ko sauke shi a matsayin fayil na .html, duk babu barin burauza.