ਮੁਫ਼ਤ HTML ਸੁੰਦਰੀਕਰਨ ਅਤੇ ਮਿਨੀਫਾਇਰ

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

ਇਹ ਟੂਲ ਪੰਨੇ ਵਿੱਚ ਹੀ ਬਣੇ ਹੱਥ ਨਾਲ ਲਿਖੇ tag-ਜਾਣੂ tokenizer ਨਾਲ HTML ਨੂੰ ਫਾਰਮੈਟ ਜਾਂ ਕੰਪ੍ਰੈੱਸ ਕਰਦਾ ਹੈ — ਕੋਈ ਤੀਜੀ-ਧਿਰ ਫਾਰਮੈਟਿੰਗ ਲਾਇਬ੍ਰੇਰੀ, ਕੋਈ ਸਰਵਰ ਆਉਣ-ਜਾਣ ਨਹੀਂ। ਤੁਹਾਡੇ markup ਦਾ ਹਰ ਅੱਖਰ ਟਾਈਪ ਜਾਂ ਪੇਸਟ ਕਰਦੇ ਹੀ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਲੋਕਲ ਤੌਰ 'ਤੇ ਪ੍ਰੋਸੈਸ ਹੁੰਦਾ ਹੈ।

1. 1
   Tokenizer markup ਸਕੈਨ ਕਰਦਾ ਹੈ

   ਇੱਕ ਖ਼ਾਸ ਅੱਖਰ-ਦਰ-ਅੱਖਰ ਸਕੈਨਰ HTML string ਵਿੱਚੋਂ ਲੰਘਦਾ ਹੈ, comments, DOCTYPE declarations, ਖੁੱਲ੍ਹਦੇ tags, ਬੰਦ ਹੁੰਦੇ tags, ਸਵੈ-ਬੰਦ void elements (br, img, input, ਆਦਿ), ਅਤੇ ਕੱਚੇ text nodes ਪਛਾਣਦੇ ਹੋਏ। ਇੱਕ ਖ਼ਾਸ helper quoted attribute ਮੁੱਲ ਟ੍ਰੈਕ ਕਰਦਾ ਹੈ ਤਾਂ ਜੋ attribute ਅੰਦਰ > ਵਰਗੇ ਅੱਖਰ (ਜਿਵੇਂ value="a>b") ਕਦੇ tag ਨੂੰ ਜਲਦੀ ਨਾ ਤੋੜਨ।
2. 2
   ਹਰ tag ਲਈ indentation ਡੂੰਘਾਈ ਟ੍ਰੈਕ ਹੁੰਦੀ ਹੈ

   Beautify ਮੋਡ ਲਈ, tokenizer ਇੱਕ ਡੂੰਘਾਈ ਕਾਊਂਟਰ ਰੱਖਦਾ ਹੈ। Block-ਪੱਧਰੀ ਖੁੱਲ੍ਹਦੇ tags ਡੂੰਘਾਈ ਵਧਾਉਂਦੇ ਹਨ; ਬੰਦ ਹੁੰਦੇ tags ਲਿਖੇ ਜਾਣ ਤੋਂ ਪਹਿਲਾਂ ਇਸਨੂੰ ਘਟਾਉਂਦੇ ਹਨ। Inline elements (span, a, strong, em, ਆਦਿ) ਆਪਣੀ ਲਾਈਨ 'ਤੇ ਧੱਕਣ ਦੀ ਥਾਂ ਆਪਣੀ ਸਮੱਗਰੀ ਵਾਲੀ ਲਾਈਨ 'ਤੇ ਰੱਖੇ ਜਾਂਦੇ ਹਨ। pre, script, style ਅਤੇ textarea ਵਰਗੇ tags ਦੀ ਅੰਦਰਲੀ ਸਮੱਗਰੀ ਜਿਉਂ ਦੀ ਤਿਉਂ ਲਿਖੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਜੋ ਖ਼ਾਲੀ-ਥਾਂ-ਸੰਵੇਦਨਸ਼ੀਲ ਜਾਂ ਚੱਲਣਯੋਗ ਕੋਡ ਖ਼ਰਾਬ ਨਾ ਹੋਵੇ।
3. 3
   Minifier ਖ਼ਾਲੀ ਥਾਂ ਸੁਰੱਖਿਅਤ ਢੰਗ ਨਾਲ ਸਮੇਟਦਾ ਹੈ

   Minify ਮੋਡ ਵਿੱਚ, ਕੋਈ ਵੀ ਖ਼ਾਲੀ ਥਾਂ ਸਮੇਟਣ ਤੋਂ ਪਹਿਲਾਂ pre, script, style ਅਤੇ textarea blocks ਦੀ ਸਮੱਗਰੀ ਨੰਬਰ ਵਾਲੇ sentinels ਨਾਲ ਬਦਲੀ ਜਾਂਦੀ ਹੈ। HTML comments ਹਟਾਏ ਜਾਂਦੇ ਹਨ, ਅਤੇ tags ਵਿਚਕਾਰ ਲਗਾਤਾਰ ਖ਼ਾਲੀ ਥਾਂ ਹਟਾਈ ਜਾਂਦੀ ਹੈ — ਨਾਲ-ਨਾਲ ਦੇ inline elements ਨੂੰ ਛੱਡ ਕੇ, ਜਿੱਥੇ ਇੱਕ ਸਪੇਸ ਰੱਖੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਜੋ ਸ਼ਬਦ ਆਪਸ ਵਿੱਚ ਨਾ ਜੁੜਨ। ਫਿਰ sentinel placeholders ਨੂੰ ਉਨ੍ਹਾਂ ਦੀ ਅਸਲ ਸਮੱਗਰੀ ਨਾਲ ਬਹਾਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
4. 4
   ਆਉਟਪੁੱਟ ਦਿਖਾਇਆ ਅਤੇ ਵਿਕਲਪਿਕ ਤੌਰ 'ਤੇ ਸੇਵ ਹੁੰਦਾ ਹੈ

   ਫਾਰਮੈਟ ਕੀਤਾ ਜਾਂ minified ਨਤੀਜਾ ਆਕਾਰ-ਬਦਲਾਅ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਨਾਲ ਆਉਟਪੁੱਟ ਪੈਨਲ ਵਿੱਚ ਲਾਈਵ ਦਿਸਦਾ ਹੈ। ਤੁਸੀਂ ਇਸਨੂੰ ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਜਾਂ .html ਫ਼ਾਈਲ ਵਜੋਂ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ, ਬ੍ਰਾਊਜ਼ਰ ਛੱਡੇ ਬਿਨਾਂ।

ਸੰਬੰਧਿਤ ਟੂਲ