مفت HTML بیوٹیفائر اور منیفائر

یہ کیسے کام کرتا ہے

یہ ٹول صفحے میں بنے ہاتھ سے لکھے ٹیگ سے واقف tokenizer سے HTML فارمیٹ یا کمپریس کرتا ہے — نہ تیسرے فریق کی فارمیٹنگ لائبریری، نہ سرور کا چکر۔ آپ کے مارک اپ کا ہر حرف ٹائپ یا پیسٹ کرتے ہی براؤزر میں مقامی طور پر پروسیس ہوتا ہے۔

1. 1
   Tokenizer مارک اپ اسکین کرتا ہے

   ایک حسب ضرورت حرف بہ حرف اسکینر HTML اسٹرنگ پر چلتا ہے اور تبصرے، DOCTYPE ڈیکلریشنز، کھلنے والے ٹیگ، بند ہونے والے ٹیگ، خود بند void عناصر (br، img، input وغیرہ) اور خام متن نوڈز پہچانتا ہے۔ ایک مخصوص مددگار اقتباس شدہ attribute قدروں پر نظر رکھتا ہے تاکہ attribute کے اندر > جیسے حروف (مثلاً value="a>b") کبھی ٹیگ کو قبل از وقت تقسیم نہ کریں۔
2. 2
   ہر ٹیگ پر انڈینٹیشن کی گہرائی کا حساب

   Beautify موڈ کے لیے tokenizer ایک گہرائی کاؤنٹر رکھتا ہے۔ بلاک سطح کے کھلنے والے ٹیگ گہرائی بڑھاتے ہیں؛ بند ہونے والے ٹیگ لکھے جانے سے پہلے اسے گھٹاتے ہیں۔ Inline عناصر (span، a، strong، em وغیرہ) اپنی الگ انڈینٹ سطر کی بجائے اپنے مواد کے ساتھ اسی سطر پر رہتے ہیں۔ pre، script، style اور textarea جیسے ٹیگز کا اندرونی مواد جوں کا توں لکھا جاتا ہے تاکہ خالی جگہ سے حساس یا قابل عمل کوڈ خراب نہ ہو۔
3. 3
   Minifier خالی جگہ محفوظ طریقے سے سمیٹتا ہے

   Minify موڈ میں خالی جگہ سمیٹنے سے پہلے pre، script، style اور textarea بلاکس کا مواد نمبر والے نشانات سے بدل دیا جاتا ہے۔ HTML تبصرے ہٹا دیے جاتے ہیں، اور ٹیگز کے درمیان خالی جگہ کے سلسلے ہٹائے جاتے ہیں — سوائے ملحقہ inline عناصر کے درمیان، جہاں ایک اسپیس رکھی جاتی ہے تاکہ الفاظ آپس میں نہ جڑیں۔ پھر نشانات کو ان کے اصل مواد سے بحال کیا جاتا ہے۔
4. 4
   آؤٹ پٹ دکھایا اور اختیاری طور پر محفوظ کیا جاتا ہے

   فارمیٹ یا minify شدہ نتیجہ سائز میں تبدیلی کے فیصد کے ساتھ آؤٹ پٹ پینل میں لائیو ظاہر ہوتا ہے۔ آپ اسے کلپ بورڈ پر کاپی یا .html فائل کے طور پر ڈاؤن لوڈ کر سکتے ہیں، براؤزر چھوڑے بغیر۔

متعلقہ ٹولز