HTML ਫਾਰਮੇਟਰ — HTML ਔਨਲਾਈਨ ਮੁਫ਼ਤ ਨੂੰ ਸੁੰਦਰ ਅਤੇ ਛੋਟਾ ਕਰੋ

ਕੋਈ ਵੀ HTML ਪੇਸਟ ਕਰੋ — ਇੱਥੋਂ ਤੱਕ ਕਿ ਬਿਲਡ ਪਾਈਪਲਾਈਨ ਤੋਂ ਆਈ ਸਿੰਗਲ-ਲਾਈਨ ਮਿਨੀਫਾਈਡ ਆਊਟਪੁੱਟ ਵੀ — ਅਤੇ ਟੂਲ ਇਸ ਨੂੰ ਸਹੀ ਇੰਡੈਂਟੇਸ਼ਨ, ਪ੍ਰਤੀ ਲਾਈਨ ਇੱਕ ਟੈਗ ਅਤੇ ਇੱਕਸਾਰ ਵ੍ਹਾਈਟਸਪੇਸ ਨਾਲ ਮੁੜ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ। 2, 4 ਜਾਂ 8-ਸਪੇਸ ਇੰਡੈਂਟ ਚੁਣੋ। ਆਊਟਪੁੱਟ ਤੁਹਾਡੇ ਐਡੀਟਰ ਵਿੱਚ ਪਾਉਣ ਜਾਂ ਕਿਸੇ ਕੋਡ ਰਿਵਿਊ ਟਿੱਪਣੀ ਵਿੱਚ ਪੇਸਟ ਕਰਨ ਲਈ ਤਿਆਰ ਹੁੰਦੀ ਹੈ।

Prettify ਪੜ੍ਹਨਯੋਗਤਾ ਲਈ HTML ਨੂੰ ਫੈਲਾਉਂਦਾ ਹੈ: ਹਰ ਟੈਗ ਆਪਣੀ ਲਾਈਨ 'ਤੇ, ਨੇਸਟਡ ਚਾਈਲਡ ਇੰਡੈਂਟ ਕੀਤੇ, ਸੈਕਸ਼ਨਾਂ ਵਿਚਕਾਰ ਖਾਲੀ ਲਾਈਨਾਂ ਬਰਕਰਾਰ। Minify ਟਿੱਪਣੀਆਂ ਹਟਾ ਦਿੰਦਾ ਹੈ, ਖਾਲੀ ਥਾਂ ਦੀਆਂ ਲੜੀਆਂ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ ਅਤੇ ਲਾਈਨ ਬ੍ਰੇਕ ਹਟਾਉਂਦਾ ਹੈ ਤਾਂ ਜੋ ਫਾਈਲ ਘੱਟ ਬਾਈਟਾਂ ਵਿੱਚ ਜਾਵੇ। ਸੰਪਾਦਨ ਅਤੇ ਜਾਂਚ ਲਈ prettify ਵਰਤੋ, ਪ੍ਰੋਡਕਸ਼ਨ ਡਿਪਲੋਇਮੈਂਟ ਲਈ minify।

ਨਹੀਂ — ਫਾਰਮੈਟਰ script ਅਤੇ style ਬਲੌਕਾਂ ਨੂੰ ਪਛਾਣਦਾ ਹੈ ਅਤੇ ਉਨ੍ਹਾਂ ਦੀ ਸਮੱਗਰੀ ਨੂੰ ਢੁਕਵੇਂ JS ਜਾਂ CSS ਨਿਯਮਾਂ ਨਾਲ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਇਨਲਾਈਨ ਸਕ੍ਰਿਪਟ ਸਹੀ ਅਤੇ ਸਟਾਈਲਸ਼ੀਟ ਪੜ੍ਹਨਯੋਗ ਰਹਿੰਦੀਆਂ ਹਨ। ਸਵੈ-ਬੰਦ ਟੈਗ, void ਤੱਤ ਅਤੇ namespace ਵਾਲੇ ਐਟਰੀਬਿਊਟ (svg:xmlns, xlink:href) ਵੀ ਸਹੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲੇ ਜਾਂਦੇ ਹਨ।

ਇਹ ਸਾਦੇ HTML ਅਤੇ HTML ਵਰਗੇ ਟੈਂਪਲੇਟਾਂ ਨੂੰ ਚੰਗੀ ਤਰ੍ਹਾਂ ਹੈਂਡਲ ਕਰਦਾ ਹੈ, ਪਰ ਸ਼ੁੱਧ JSX (curly-brace ਐਕਸਪ੍ਰੈਸ਼ਨ, ਫ੍ਰੈਗਮੈਂਟ, ਕੈਪਿਟਲ ਅੱਖਰ ਵਾਲੇ ਕੰਪੋਨੈਂਟ ਟੈਗ) ਨੂੰ HTML ਵਜੋਂ ਪਾਰਸ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਇਸ ਵਿੱਚ ਮਾਮੂਲੀ ਕੌਸਮੈਟਿਕ ਸਮੱਸਿਆਵਾਂ ਆ ਸਕਦੀਆਂ ਹਨ। ਫ੍ਰੇਮਵਰਕ-ਖਾਸ ਕੋਡ ਲਈ ਅਸੀਂ ਤੁਹਾਡੀ ਬੋਲੀ ਮੁਤਾਬਕ ਕੌਨਫਿਗਰ ਕੀਤੇ Prettier ਦੀ ਸਿਫ਼ਾਰਸ਼ ਕਰਦੇ ਹਾਂ; ਕੱਚੇ HTML, .htm ਅਤੇ ਟੈਂਪਲੇਟ ਫਾਈਲਾਂ ਲਈ ਸਾਡਾ ਟੂਲ ਬਿਲਕੁਲ ਸਹੀ ਹੈ।

ਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ। ਫਾਰਮੈਟਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ, ਇਸ ਲਈ ਤੁਸੀਂ ਅੰਦਰੂਨੀ ਪੰਨਾ ਟੈਂਪਲੇਟ, ਡਰਾਫਟ ਈਮੇਲ ਜਾਂ ਨਿੱਜੀ ਡੇਟਾ ਵਾਲੇ HTML ਨੂੰ ਬਿਨਾਂ ਕੁਝ ਵੀ ਤੁਹਾਡੀ ਡਿਵਾਈਸ ਤੋਂ ਬਾਹਰ ਭੇਜੇ ਸੁਰੱਖਿਅਤ ਢੰਗ ਨਾਲ ਪੇਸਟ ਕਰ ਸਕਦੇ ਹੋ।

ਮਿਨੀਫ਼ਾਈ HTML ਟਿੱਪਣੀਆਂ ਹਟਾ ਦਿੰਦਾ ਹੈ, ਟੈਗਾਂ ਵਿਚਕਾਰ ਕਿਸੇ ਵੀ ਖਾਲੀ ਥਾਂ ਨੂੰ ਇੱਕੋ ਸਪੇਸ ਵਿੱਚ ਸਮੇਟ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਲਾਈਨ ਬ੍ਰੇਕ ਹਟਾ ਦਿੰਦਾ ਹੈ। ਨਤੀਜਾ ਉਹ HTML ਹੁੰਦਾ ਹੈ ਜੋ ਬਾਈਟ ਪੱਖੋਂ ਇੱਕੋ ਜਿਹਾ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ ਪਰ ਆਮ ਤੌਰ 'ਤੇ 10-30% ਛੋਟਾ ਹੁੰਦਾ ਹੈ। ਸਰਵਰ ਉੱਤੇ gzip ਨਾਲ ਮਿਲ ਕੇ, ਇਹ ਸਮੱਗਰੀ-ਭਰਪੂਰ ਪੰਨਿਆਂ ਉੱਤੇ ਸ਼ੁਰੂਆਤੀ ਪੰਨੇ ਦੇ ਭਾਰ ਨੂੰ ਕਾਫ਼ੀ ਘਟਾ ਦਿੰਦਾ ਹੈ।

ਹਾਂ — ਸੋਹਣੇ ਕੀਤੇ ਆਊਟਪੁੱਟ ਨੂੰ output.html ਵਜੋਂ ਜਾਂ ਮਿਨੀਫਾਈ ਕੀਤੇ ਆਊਟਪੁੱਟ ਨੂੰ output.min.html ਵਜੋਂ ਸੰਭਾਲਣ ਲਈ Download 'ਤੇ ਕਲਿੱਕ ਕਰੋ। ਫ਼ਾਈਲ UTF-8 ਏਨਕੋਡਡ ਹੈ, ਇਸ ਲਈ ਇਹ ਅੰਗਰੇਜ਼ੀ, ਸਿਰਿਲਿਕ, CJK ਅਤੇ ਸੱਜੇ-ਤੋਂ-ਖੱਬੇ ਸਮੱਗਰੀ ਨਾਲ ਬਰਾਬਰ ਚੰਗੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦੀ ਹੈ।

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

Prettify ਮੋਡ ਤੁਹਾਨੂੰ 2, 4 ਜਾਂ 8 ਸਪੇਸਾਂ ਦੀ ਇੰਡੈਂਟੇਸ਼ਨ ਚੁਣਨ ਦਿੰਦਾ ਹੈ। ਉਹ ਚੌੜਾਈ ਚੁਣੋ ਜੋ ਤੁਹਾਡਾ ਐਡੀਟਰ ਜਾਂ ਕੋਡ ਸਟਾਈਲ ਵਰਤਦਾ ਹੈ, ਫਿਰ ਨਤੀਜਾ ਕਾਪੀ ਕਰੋ ਜਾਂ output.html ਵਜੋਂ ਡਾਊਨਲੋਡ ਕਰੋ ਤਾਂ ਜੋ ਫਾਰਮੈਟਿੰਗ ਸਿੱਧੀ ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਆ ਜਾਵੇ।

ਇੰਡੈਂਟ ਸਿਲੈਕਟਰ (2, 4 ਜਾਂ 8 ਸਪੇਸ) ਸਿਰਫ਼ Prettify ਮੋਡ ਵਿੱਚ ਲਾਗੂ ਹੁੰਦਾ ਹੈ, ਕਿਉਂਕਿ Minify ਡਿਜ਼ਾਈਨ ਦੇ ਹਿਸਾਬ ਨਾਲ ਸਾਰੀ ਵ੍ਹਾਈਟਸਪੇਸ ਅਤੇ ਲਾਈਨ ਬ੍ਰੇਕਾਂ ਹਟਾ ਦਿੰਦਾ ਹੈ — ਇੰਡੈਂਟ ਕਰਨ ਲਈ ਕੁਝ ਨਹੀਂ ਬਚਦਾ। ਇੰਡੈਂਟ ਦੀ ਚੌੜਾਈ ਨੂੰ ਦੁਬਾਰਾ ਪ੍ਰਭਾਵ ਵਿੱਚ ਦੇਖਣ ਲਈ ਵਾਪਸ Prettify 'ਤੇ ਜਾਓ।

ਜਿਵੇਂ ਹੀ ਤੁਸੀਂ ਪੇਸਟ ਜਾਂ ਸੋਧ ਕਰਦੇ ਹੋ, ਟੂਲ ਆਪਣੇ-ਆਪ ਇੱਕ ਢਾਂਚਾਗਤ ਜਾਂਚ ਚਲਾਉਂਦਾ ਹੈ ਅਤੇ ਕੋਈ ਵੀ ਖੁੱਲ੍ਹਾ, ਬੇਮੇਲ ਜਾਂ ਗੁੰਮਰਾਹ ਬੰਦ ਟੈਗ ਸਿੱਧਾ ਆਊਟਪੁੱਟ ਪੈਨਲ ਹੇਠਾਂ ਸੂਚੀਬੱਧ ਕਰਦਾ ਹੈ — ਕਿਸੇ ਵੱਖਰੇ ਬਟਨ ਦੀ ਲੋੜ ਨਹੀਂ। ਹਰਾ "No structural issues found" ਸੁਨੇਹਾ ਪੁਸ਼ਟੀ ਕਰਦਾ ਹੈ ਕਿ ਮਾਰਕਅੱਪ ਸਹੀ-ਢੰਗ ਨਾਲ ਬਣਿਆ ਹੈ।

Prettify ਮੋਡ ਨੂੰ 2-ਸਪੇਸ ਇੰਡੈਂਟ ਨਾਲ ਵਰਤੋ — ਇਹ ਸਭ ਤੋਂ ਆਮ ਪ੍ਰਥਾ ਹੈ ਅਤੇ diffs ਨੂੰ ਸੰਖੇਪ ਰੱਖਦਾ ਹੈ — ਫਿਰ structural-issues ਪੈਨਲ ਦੀ ਜਾਂਚ ਕਰੋ ਤਾਂ ਜੋ ਪੁਸ਼ਟੀ ਹੋਵੇ ਕਿ ਕੋਈ ਬਿਨ-ਬੰਦ ਟੈਗ ਨਹੀਂ ਛੱਡਿਆ ਗਿਆ। ਸਮੀਖਿਆ ਤੋਂ ਬਾਅਦ, ਪ੍ਰੋਡਕਸ਼ਨ ਵਿੱਚ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ ਵਾਧੂ ਵ੍ਹਾਈਟਸਪੇਸ ਨੂੰ ਵਾਪਸ ਹਟਾਉਣ ਲਈ Minify ਮੋਡ 'ਤੇ ਸਵਿੱਚ ਕਰੋ।

ਹਾਂ — ਕੋਈ .html, .htm ਜਾਂ .xhtml ਫ਼ਾਈਲ ਅੱਪਲੋਡ ਖੇਤਰ 'ਤੇ ਖਿੱਚੋ, ਜਾਂ ਬ੍ਰਾਊਜ਼ ਕਰਨ ਲਈ ਇਸ 'ਤੇ ਕਲਿੱਕ ਕਰੋ, ਅਤੇ ਇਸ ਦੀ ਸਮੱਗਰੀ ਸਿੱਧੀ ਇਨਪੁੱਟ ਬਾਕਸ ਵਿੱਚ ਬਿਲਕੁਲ ਇੰਝ ਲੋਡ ਹੋ ਜਾਂਦੀ ਹੈ ਜਿਵੇਂ ਤੁਸੀਂ ਇਹਨਾਂ ਨੂੰ ਪੇਸਟ ਕੀਤਾ ਹੋਵੇ। ਉੱਥੋਂ, Prettify, Minify, ਇੰਡੈਂਟ ਚੌੜਾਈ ਅਤੇ ਸੰਰਚਨਾ ਜਾਂਚਕਰਤਾ ਸਭ ਇੱਕੋ ਜਿਹੇ ਕੰਮ ਕਰਦੇ ਹਨ ਭਾਵੇਂ ਮਾਰਕਅੱਪ ਫ਼ਾਈਲ ਤੋਂ ਆਇਆ ਹੋਵੇ ਜਾਂ ਪੇਸਟ ਤੋਂ।

ਹਾਂ — ਆਊਟਪੁੱਟ ਆਉਣ 'ਤੇ, ਆਊਟਪੁੱਟ ਪੈਨਲ ਅਤੇ ਮੁੱਖ ਐਕਸ਼ਨ ਖੇਤਰ ਦੇ ਨਾਲ ਇੱਕ Copy ਬਟਨ ਦਿਸਦਾ ਹੈ। ਇਸ 'ਤੇ ਕਲਿੱਕ ਕਰਨ ਨਾਲ ਮੌਜੂਦਾ Prettify ਜਾਂ Minify ਨਤੀਜਾ ਤੁਰੰਤ ਤੁਹਾਡੇ ਕਲਿੱਪਬੋਰਡ ਵਿੱਚ ਕਾਪੀ ਹੋ ਜਾਂਦਾ ਹੈ (ਇਹ ਪੁਸ਼ਟੀ ਲਈ ਥੋੜ੍ਹੇ ਸਮੇਂ ਲਈ 'Copied!' ਦਿਖਾਉਂਦਾ ਹੈ), ਤਾਂ ਜੋ ਤੁਸੀਂ ਵਿਚਕਾਰਲੀ .html ਫ਼ਾਈਲ ਸੇਵ ਕੀਤੇ ਬਿਨਾਂ ਸਿੱਧਾ ਆਪਣੇ ਐਡੀਟਰ ਜਾਂ ਕੋਡ ਰੀਵਿਊ ਟਿੱਪਣੀ ਵਿੱਚ ਪੇਸਟ ਕਰ ਸਕੋ।

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

ਗਲਤੀ ਪਹਿਲੀ ਸਥਿਤੀ 'ਤੇ ਪੁਆਇੰਟ ਕਰਦੀ ਹੈ ਜਿਸ ਨੂੰ ਪਾਰਸ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਸੀ, ਜੋ ਕਿ ਆਮ ਤੌਰ 'ਤੇ ਅਸਲ ਗਲਤੀ ਦੀ ਬਜਾਏ ਇਸਦੇ ਬਾਅਦ ਹੁੰਦਾ ਹੈ — ਇੱਕ ਗੁੰਮ ਕੌਮਾ, ਇੱਕ ਬੰਦ ਨਾ ਕੀਤਾ ਹਵਾਲਾ ਜਾਂ ਬਰੈਕਟ, ਜਾਂ ਸਿੱਧੇ ਇੱਕ ਦੀ ਬਜਾਏ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਤੋਂ ਇੱਕ ਸਮਾਰਟ ਕੋਟ ਚਿਪਕਾਇਆ ਗਿਆ ਹੈ। ਪਹਿਲਾਂ ਰਿਪੋਰਟ ਕੀਤੀ ਸਥਿਤੀ ਦੇ ਉੱਪਰਲੀ ਲਾਈਨ ਦੀ ਜਾਂਚ ਕਰੋ।

ਦੋਵਾਂ ਨੂੰ ਨਹੀਂ। HTML ਪ੍ਰੀਟੀਫਾਈ ਮੁਫਤ ਹੈ, ਤੁਹਾਡੇ ਡਾਉਨਲੋਡ ਵਿੱਚ ਕੋਈ ਵਾਟਰਮਾਰਕ ਨਹੀਂ ਹੈ, ਅਤੇ ਅੰਤ ਵਿੱਚ ਕੁਝ ਵੀ ਨਹੀਂ ਮੰਗਿਆ ਜਾਂਦਾ ਹੈ - ਇਸ ਪ੍ਰਵਾਹ ਵਿੱਚ ਕੋਈ ਬਿੰਦੂ ਨਹੀਂ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ ਕੰਮ ਨੂੰ ਪੂਰਾ ਕਰਦੇ ਹੋ ਅਤੇ ਫਿਰ ਪਤਾ ਲਗਾਓ ਕਿ ਇਸ ਵਿੱਚ ਪੈਸਾ ਖਰਚ ਹੁੰਦਾ ਹੈ।

ਨਹੀਂ — HTML Prettify ਡੈਸਕਟਾਪ ਅਤੇ ਫ਼ੋਨ ਦੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ। ਕੁਝ ਵੀ ਇੰਸਟਾਲ ਕਰਨ, ਟ੍ਰਾਇਲ ਸ਼ੁਰੂ ਕਰਨ ਜਾਂ ਲਾਇਸੈਂਸ ਖਰੀਦਣ ਦੀ ਲੋੜ ਨਹੀਂ। ਨਮੂਨੇ ਦੀ ਥਾਂ ਉਸ ਫਾਈਲ ਉੱਤੇ ਅਜ਼ਮਾਓ ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਅਸਲ ਵਿੱਚ ਫਸੇ ਹੋ।