HTML ਬਿਊਟੀਫਾਇਰ ਅਤੇ ਮਿਨੀਫਾਇਰ

ਉਲਝੇ ਹੋਏ HTML ਨੂੰ ਪੜ੍ਹਨ ਲਈ ਮੁੜ-ਇੰਡੈਂਟ ਕਰੋ, ਜਾਂ ਇਸਨੂੰ ਛੋਟਾ ਕਰਨ ਲਈ ਮਿਨੀਫਾਈ ਕਰੋ — ਟੁੱਟੇ ਹੋਏ ਟੈਗਸ ਦੀ ਵਿਕਲਪਿਕ ਜਾਂਚ ਦੇ ਨਾਲ।

HTML ਇਨਪੁਟ

ਇੰਡੈਂਟ
ਵੈਲੀਡੇਟ ਕਰੋ
page.html
HTML ਨੂੰ ਫਾਰਮੈਟ, ਮਿਨੀਫਾਈ ਜਾਂ ਚੈੱਕ ਕਰਨ ਲਈ ਪੇਸਟ ਕਰੋ ਜਾਂ ਟਾਈਪ ਕਰੋ।

ਤੁਹਾਡਾ HTML ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੀ ਫਾਰਮੈਟ, ਮਿਨੀਫਾਈ ਅਤੇ ਚੈੱਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। BroBroGo 'ਤੇ ਕੁਝ ਵੀ ਅਪਲੋਡ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

Beautify ਅਤੇ Minify ਵਿੱਚ ਕੀ ਅੰਤਰ ਹੈ?

Beautify ਮਾਰਕਅੱਪ ਨੂੰ ਮੁੜ-ਇੰਡੈਂਟ ਕਰਦਾ ਹੈ ਅਤੇ ਸਪੇਸ ਦਿੰਦਾ ਹੈ ਤਾਂ ਜੋ ਇਸਨੂੰ ਪੜ੍ਹਨਾ ਅਤੇ ਐਡਿਟ ਕਰਨਾ ਆਸਾਨ ਹੋਵੇ। Minify ਇਸ ਤੋਂ ਉਲਟ ਕਰਦਾ ਹੈ — ਇਹ ਵ੍ਹਾਈਟਸਪੇਸ ਅਤੇ ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ ਜਿਨ੍ਹਾਂ ਦੀ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਲੋੜ ਨਹੀਂ ਹੁੰਦੀ, ਤਾਂ ਜੋ ਫਾਈਲ ਛੋਟੀ ਹੋਵੇ ਅਤੇ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਹੋਵੇ। ਕੰਮ ਕਰਦੇ ਸਮੇਂ beautify ਦੀ ਵਰਤੋਂ ਕਰੋ, ਅਤੇ ਪਬਲਿਸ਼ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ minify ਕਰੋ।

ਵੈਲੀਡੇਸ਼ਨ ਚਾਲੂ ਕਰਨ ਨਾਲ ਕੀ ਜਾਂਚਿਆ ਜਾਂਦਾ ਹੈ?

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

ਕੀ ਮਿਨੀਫਾਈ ਕਰਨ ਨਾਲ ਮੇਰੇ ਪੇਜ ਦੀ ਦਿੱਖ ਬਦਲ ਜਾਵੇਗੀ?

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

HTML ਕੋਡ ਨੂੰ ਵਿਵਸਥਿਤ ਅਤੇ ਅਨੁਕੂਲ ਬਣਾਉਣਾ

HTML ਕੋਡ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ, ਕੋਡ ਦੀ ਪੜ੍ਹਨਯੋਗਤਾ (readability) ਅਤੇ ਫਾਈਲ ਦੇ ਆਕਾਰ (file size) ਵਿਚਕਾਰ ਸੰਤੁਲਨ ਬਣਾਉਣਾ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦਾ ਹੈ। ਵਿਕਾਸਕਾਰਾਂ (developers) ਨੂੰ ਅਕਸਰ ਅਜਿਹੇ ਕੋਡ ਨਾਲ ਨਜਿੱਠਣਾ ਪੈਂਦਾ ਹੈ ਜੋ ਬਹੁਤ ਉਲਝਿਆ ਹੋਇਆ ਹੁੰਦਾ ਹੈ, ਜਾਂ ਫਿਰ ਵੈੱਬਸਾਈਟ ਦੀ ਲੋਡਿੰਗ ਸਪੀਡ ਨੂੰ ਤੇਜ਼ ਕਰਨ ਲਈ ਕੋਡ ਦੇ ਆਕਾਰ ਨੂੰ ਘਟਾਉਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। HTML ਬਿਊਟੀਫਾਇਰ ਅਤੇ ਮਿਨੀਫਾਇਰ ਟੂਲ ਇਹਨਾਂ ਦੋਵਾਂ ਕੰਮਾਂ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਪੂਰਾ ਕਰਨ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ। ਇਹ ਟੂਲ HTML ਕੋਡ ਨੂੰ ਮੁੜ-ਫਾਰਮੈਟ ਕਰਕੇ ਪੜ੍ਹਨ ਵਿੱਚ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ ਅਤੇ ਫਾਈਲ ਦੇ ਆਕਾਰ ਨੂੰ ਛੋਟਾ ਕਰਨ ਲਈ ਇਸਨੂੰ ਮਿਨੀਫਾਈ ਵੀ ਕਰ ਸਕਦਾ ਹੈ।

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

HTML ਬਿਊਟੀਫਿਕੇਸ਼ਨ ਅਤੇ ਮਿਨੀਫਿਕੇਸ਼ਨ ਵਿੱਚ ਅੰਤਰ

HTML ਕੋਡ ਨੂੰ ਸੁਧਾਰਨ ਲਈ ਦੋ ਵੱਖ-ਵੱਖ ਤਰੀਕਿਆਂ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜੋ ਵੱਖ-ਵੱਖ ਉਦੇਸ਼ਾਂ ਲਈ ਕੰਮ ਕਰਦੇ ਹਨ:

1. ਸੁੰਦਰ ਬਣਾਓ (Beautify)

ਇਹ ਪ੍ਰਕਿਰਿਆ ਮਾਰਕਅੱਪ ਨੂੰ ਮੁੜ-ਇੰਡੈਂਟ ਕਰਦੀ ਹੈ ਅਤੇ ਕੋਡ ਦੇ ਵਿਚਕਾਰ ਢੁਕਵੀਂ ਸਪੇਸ ਦਿੰਦੀ ਹੈ। ਇਸਦਾ ਮੁੱਖ ਉਦੇਸ਼ ਕੋਡ ਦੀ ਬਣਤਰ ਨੂੰ ਸਾਫ਼-ਸੁਥਰਾ ਬਣਾਉਣਾ ਹੈ ਤਾਂ ਜੋ ਮਨੁੱਖਾਂ ਲਈ ਇਸਨੂੰ ਪੜ੍ਹਨਾ, ਸਮਝਣਾ ਅਤੇ ਐਡਿਟ ਕਰਨਾ ਆਸਾਨ ਹੋ ਸਕੇ। ਜਦੋਂ ਕੋਡ ਵਿੱਚ ਟੈਗਸ ਦੇ ਅੰਦਰ ਟੈਗਸ (nested tags) ਬਿਨਾਂ ਕਿਸੇ ਤਰਤੀਬ ਦੇ ਲਿਖੇ ਹੁੰਦੇ ਹਨ, ਤਾਂ ਬਿਊਟੀਫਾਇਰ ਉਹਨਾਂ ਨੂੰ ਸਹੀ ਲਾਈਨਾਂ ਅਤੇ ਸਪੇਸਿੰਗ ਨਾਲ ਵਿਵਸਥਿਤ ਕਰਦਾ ਹੈ।

2. ਮਿਨੀਫਾਈ ਕਰੋ (Minify)

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

  • ਕੋਡ ਵਿੱਚੋਂ ਬੇਲੋੜੀ ਵ੍ਹਾਈਟਸਪੇਸ (whitespace) ਅਤੇ ਟਿੱਪਣੀਆਂ (comments) ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਹਟਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ।
  • HTML ਦੇ ਅੰਦਰ ਮੌਜੂਦ ਇਨਲਾਈਨ CSS ਅਤੇ JavaScript ਨੂੰ ਕੰਪਰੈੱਸ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
  • ਵਿਕਲਪਿਕ ਐਟਰੀਬਿਊਟ ਕੋਟਸ (optional attribute quotes) ਨੂੰ ਹਟਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ।
  • ਵ੍ਹਾਈਟਸਪੇਸ-ਸੰਵੇਦਨਸ਼ੀਲ ਟੈਕਸਟ ਜਿਵੇਂ ਕਿ ਪਹਿਲਾਂ ਤੋਂ ਫਾਰਮੈਟ ਕੀਤੇ ਬਲਾਕਾਂ (preformatted blocks) ਨੂੰ ਬਿਨਾਂ ਕਿਸੇ ਬਦਲਾਅ ਦੇ ਛੱਡ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਜੋ ਪੇਜ ਦੀ ਦਿੱਖ ਖਰਾਬ ਨਾ ਹੋਵੇ।

ਟੂਲ ਦੇ ਇਨਪੁਟ ਵਿਕਲਪ ਅਤੇ ਸੈਟਿੰਗਾਂ

ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਕੁਝ ਸਰਲ ਇਨਪੁਟ ਅਤੇ ਕੰਟਰੋਲ ਵਿਕਲਪ ਮਿਲਦੇ ਹਨ:

  • HTML ਇਨਪੁਟ: ਉਪਭੋਗਤਾ ਆਪਣਾ HTML ਕੋਡ ਟੈਕਸਟ ਏਰੀਆ ਵਿੱਚ ਪੇਸਟ ਕਰਦੇ ਹਨ ਜਾਂ ਟਾਈਪ ਕਰਦੇ ਹਨ।
  • ਇੰਡੈਂਟ: ਕੋਡ ਨੂੰ ਸੁੰਦਰ ਬਣਾਉਣ ਸਮੇਂ ਉਪਭੋਗਤਾ ਇੰਡੈਂਟੇਸ਼ਨ ਲਈ "2/4 spaces or Tab" ਵਿੱਚੋਂ ਚੋਣ ਕਰ ਸਕਦੇ ਹਨ।
  • ਵੈਲੀਡੇਟ ਕਰੋ: ਇਸ ਵਿਕਲਪ ਨੂੰ ਉਪਭੋਗਤਾ ਆਪਣੀ ਲੋੜ ਅਨੁਸਾਰ "ਚਾਲੂ" ਜਾਂ "ਬੰਦ" 'ਤੇ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹਨ।

ਜਦੋਂ ਕੋਈ ਕਾਰਵਾਈ ਸਫਲਤਾਪੂਰਵਕ ਪੂਰੀ ਹੁੰਦੀ ਹੈ, ਤਾਂ ਟੂਲ ਇੰਟਰਫੇਸ 'ਤੇ ਸਥਿਤੀ ਸੰਦੇਸ਼ (status messages) ਦਿਖਾਉਂਦਾ ਹੈ। ਕੋਡ ਨੂੰ ਸੁੰਦਰ ਬਣਾਉਣ ਤੋਂ ਬਾਅਦ "ਸੁੰਦਰ ਬਣਾਇਆ ਗਿਆ।" ਸੰਦੇਸ਼ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ। ਮਿਨੀਫਾਈ ਕਰਨ ਤੋਂ ਬਾਅਦ "ਮਿਨੀਫਾਈ ਕੀਤਾ ਗਿਆ।" ਜਾਂ ਬਚਤ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਨਾਲ "ਮਿਨੀਫਾਈ ਕੀਤਾ ਗਿਆ — {pct}% ਛੋਟਾ।" ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ। ਜੇਕਰ ਇਨਪੁਟ ਨੂੰ ਸਾਫ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ "ਸਾਫ਼ ਕੀਤਾ ਗਿਆ।" ਸੰਦੇਸ਼ ਮਿਲਦਾ ਹੈ।

HTML ਵੈਲੀਡੇਸ਼ਨ ਅਤੇ ਢਾਂਚਾਗਤ ਸਮੱਸਿਆਵਾਂ ਦੀ ਜਾਂਚ

ਜਦੋਂ ਟੂਲ ਵਿੱਚ ਵੈਲੀਡੇਸ਼ਨ ਵਿਕਲਪ ਨੂੰ "ਚਾਲੂ" ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਕੋਡ ਦੀ ਪ੍ਰੋਸੈਸਿੰਗ ਦੌਰਾਨ "ਜਾਂਚ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ…" ਸੰਦੇਸ਼ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ। ਇਹ ਵੈਲੀਡੇਟਰ HTML ਕੋਡ ਵਿੱਚ ਆਮ ਢਾਂਚਾਗਤ ਗਲਤੀਆਂ ਦੀ ਪਛਾਣ ਕਰਦਾ ਹੈ। ਇਹ ਕੋਈ ਪੂਰੀ W3C ਅਨੁਕੂਲਤਾ ਰਿਪੋਰਟ (W3C conformance report) ਨਹੀਂ ਹੈ, ਬਲਕਿ ਇੱਕ ਤੇਜ਼ ਢਾਂਚਾਗਤ ਜਾਂਚ ਹੈ ਜੋ ਹੇਠ ਲਿਖੀਆਂ ਸਮੱਸਿਆਵਾਂ ਦਾ ਪਤਾ ਲਗਾਉਂਦੀ ਹੈ:

  1. ਅਣ-ਬੰਦ ਜਾਂ ਗਲਤ ਟੈਗ (Unclosed or mismatched tags): ਜੇਕਰ ਕੋਈ HTML ਟੈਗ ਖੋਲ੍ਹਿਆ ਗਿਆ ਹੈ ਪਰ ਉਸਨੂੰ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਬੰਦ ਨਹੀਂ ਕੀਤਾ ਗਿਆ।
  2. ਡੁਪਲੀਕੇਟ IDs (Duplicate IDs): ਇੱਕੋ ਪੇਜ 'ਤੇ ਇੱਕੋ ID ਐਟਰੀਬਿਊਟ ਦੀ ਵਾਰ-ਵਾਰ ਵਰਤੋਂ ਕਰਨਾ।
  3. ਵਾਰ-ਵਾਰ ਵਰਤੇ ਗਏ ਐਟਰੀਬਿਊਟਸ (Repeated attributes): ਇੱਕੋ ਟੈਗ ਦੇ ਅੰਦਰ ਇੱਕੋ ਐਟਰੀਬਿਊਟ ਨੂੰ ਇੱਕ ਤੋਂ ਵੱਧ ਵਾਰ ਲਿਖਣਾ।
  4. ਅਣ-ਐਸਕੇਪ ਕੀਤੇ ਅੱਖਰ (Unescaped characters): ਵਿਸ਼ੇਸ਼ ਅੱਖਰ ਜਿਨ੍ਹਾਂ ਨੂੰ HTML ਐਂਟਿਟੀਜ਼ ਵਿੱਚ ਬਦਲਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਸੀ।

ਜੇਕਰ ਕੋਡ ਵਿੱਚ ਕੋਈ ਸਮੱਸਿਆ ਨਹੀਂ ਮਿਲਦੀ, ਤਾਂ ਟੂਲ "ਕੋਈ ਸਮੱਸਿਆ ਨਹੀਂ ਮਿਲੀ।" ਆਊਟਪੁੱਟ ਦਿਖਾਉਂਦਾ ਹੈ। ਜੇਕਰ ਕੋਈ ਸਮੱਸਿਆ ਮਿਲਦੀ ਹੈ, ਤਾਂ ਇਹ "ਵੈਲੀਡੇਸ਼ਨ" ਹੈਡਿੰਗ ਦੇ ਹੇਠਾਂ "{count} ਸਮੱਸਿਆਵਾਂ ਮਿਲੀਆਂ।" ਦਰਸਾਉਂਦਾ ਹੈ ਅਤੇ ਹਰੇਕ ਗਲਤੀ ਦਾ ਸਹੀ ਸਥਾਨ "ਲਾਈਨ {line}:{col}" ਦੇ ਫਾਰਮੈਟ ਵਿੱਚ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।

ਆਊਟਪੁੱਟ ਮੈਟ੍ਰਿਕਸ ਅਤੇ ਗਲਤੀਆਂ ਦੇ ਸੰਦੇਸ਼

ਪ੍ਰੋਸੈਸਿੰਗ ਪੂਰੀ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਟੂਲ ਉਪਭੋਗਤਾ ਨੂੰ ਕੋਡ ਦੇ ਆਕਾਰ ਅਤੇ ਬਣਤਰ ਬਾਰੇ ਮਹੱਤਵਪੂਰਨ ਅੰਕੜੇ (stats) ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ:

  • ਲਾਈਨਾਂ: ਪ੍ਰੋਸੈਸ ਕੀਤੇ ਗਏ HTML ਵਿੱਚ ਕੁੱਲ ਲਾਈਨਾਂ ਦੀ ਸੰਖਿਆ।
  • ਅੱਖਰ: ਪ੍ਰੋਸੈਸ ਕੀਤੇ ਗਏ HTML ਵਿੱਚ ਕੁੱਲ ਅੱਖਰਾਂ ਦੀ ਸੰਖਿਆ।
  • ਆਕਾਰ: ਬਾਈਟਸ (bytes) ਵਿੱਚ ਪ੍ਰੋਸੈਸ ਕੀਤੇ ਗਏ HTML ਦਾ ਕੁੱਲ ਆਕਾਰ।

ਸੰਭਾਵਿਤ ਗਲਤੀਆਂ (Errors)

ਜੇਕਰ ਇਨਪੁਟ ਕੋਡ ਵਿੱਚ ਕੋਈ ਗੰਭੀਰ ਸਮੱਸਿਆ ਹੈ ਜਾਂ ਫਾਈਲ ਦਾ ਆਕਾਰ ਬਹੁਤ ਵੱਡਾ ਹੈ, ਤਾਂ ਟੂਲ ਹੇਠ ਲਿਖੇ ਸੰਦੇਸ਼ ਦਿਖਾਉਂਦਾ ਹੈ:

  • ਜੇਕਰ HTML ਕੋਡ ਨੂੰ ਕਿਸੇ ਤਕਨੀਕੀ ਖਰਾਬੀ ਕਾਰਨ ਪ੍ਰੋਸੈਸ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ, ਤਾਂ "ਇਸ HTML 'ਤੇ ਕਾਰਵਾਈ ਨਹੀਂ ਕੀਤੀ ਜਾ ਸਕੀ।" ਲਿਖਿਆ ਆਉਂਦਾ ਹੈ।
  • ਜੇਕਰ ਇਨਪੁਟ ਕੋਡ 500,000 ਅੱਖਰਾਂ ਦੀ ਸੀਮਾ ਤੋਂ ਵੱਧ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਟੂਲ "ਇਹ ਦਸਤਾਵੇਜ਼ ਪ੍ਰੋਸੈਸ ਕਰਨ ਲਈ ਬਹੁਤ ਵੱਡਾ ਹੈ। ਕਿਰਪਾ ਕਰਕੇ ਛੋਟੇ ਦਸਤਾਵੇਜ਼ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ।" ਦਾ ਸੰਦੇਸ਼ ਦਿਖਾਉਂਦਾ ਹੈ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ (FAQ)

Beautify ਅਤੇ Minify ਵਿੱਚ ਕੀ ਅੰਤਰ ਹੈ?

Beautify ਮਾਰਕਅੱਪ ਨੂੰ ਮੁੜ-ਇੰਡੈਂਟ ਕਰਦਾ ਹੈ ਅਤੇ ਸਪੇਸ ਦਿੰਦਾ ਹੈ ਤਾਂ ਜੋ ਇਸਨੂੰ ਪੜ੍ਹਨਾ ਅਤੇ ਐਡਿਟ ਕਰਨਾ ਆਸਾਨ ਹੋਵੇ। Minify ਇਸ ਤੋਂ ਉਲਟ ਕਰਦਾ ਹੈ — ਇਹ ਵ੍ਹਾਈਟਸਪੇਸ ਅਤੇ ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ ਜਿਨ੍ਹਾਂ ਦੀ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਲੋੜ ਨਹੀਂ ਹੁੰਦੀ, ਤਾਂ ਜੋ ਫਾਈਲ ਛੋਟੀ ਹੋਵੇ ਅਤੇ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਹੋਵੇ। ਕੰਮ ਕਰਦੇ ਸਮੇਂ beautify ਦੀ ਵਰਤੋਂ ਕਰੋ, ਅਤੇ ਪਬਲਿਸ਼ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ minify ਕਰੋ।

ਵੈਲੀਡੇਸ਼ਨ ਚਾਲੂ ਕਰਨ ਨਾਲ ਕੀ ਜਾਂਚਿਆ ਜਾਂਦਾ ਹੈ?

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

ਕੀ ਮਿਨੀਫਾਈ ਕਰਨ ਨਾਲ ਮੇਰੇ ਪੇਜ ਦੀ ਦਿੱਖ ਬਦਲ ਜਾਵੇਗੀ?

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

ਕੀ ਮੇਰਾ ਕੋਡ ਕਿਸੇ ਸਰਵਰ 'ਤੇ ਅਪਲੋਡ ਹੁੰਦਾ ਹੈ?

ਨਹੀਂ, ਤੁਹਾਡਾ HTML ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੀ ਫਾਰਮੈਟ, ਮਿਨੀਫਾਈ ਅਤੇ ਚੈੱਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। BroBroGo 'ਤੇ ਕੁਝ ਵੀ ਅਪਲੋਡ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ, ਜਿਸ ਨਾਲ ਤੁਹਾਡੇ ਕੋਡ ਦੀ ਪ੍ਰੋਸੈਸਿੰਗ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਥਾਨਕ (local) ਰਹਿੰਦੀ ਹੈ।