অগোছালো HTML-এ ইনডেন্ট দিন, অথবা মিনিফাই করে বাঁচানো বাইট দেখুন
আপনার ব্রাউজারে চলে। আপনি যা লেখেন তা কোথাও পাঠানো হয় না।HTML ফরম্যাট করলে নেস্টেড ট্যাগে ইনডেন্ট যোগ হয় যাতে গঠনটা দেখা যায়, আর মিনিফাই করলে সেগুলোর মাঝের হোয়াইটস্পেস বাদ যায়। কত বাইট বাঁচল তা দেখানো হয়, যা 100 KB পেজে সাধারণত কাজে লাগে। সবকিছু আপনার ব্রাউজারে পার্স হয়, তাই অপ্রকাশিত পেজ ব্যক্তিগত থাকে।
এই পৃষ্ঠাটি ইংরেজি মূল লেখা থেকে যন্ত্রের সাহায্যে অনুবাদ করা হয়েছে। এই অনুবাদটি এখনও কোনো মানুষ পর্যালোচনা করেননি, তাই ইংরেজি সংস্করণটিকেই নির্ভরযোগ্য ধরুন। ইংরেজি মূল লেখাটি পড়ুন
মার্কআপটি HTML বক্সে পেস্ট করুন, অথবা একটি উদাহরণ দেখুন চাপুন।
ইনডেন্ট দিতে ফরম্যাট বেছে রাখুন, অথবা কমেন্ট ও বাড়তি হোয়াইটস্পেস বাদ দিতে মিনিফাই বেছে নিন।
ফরম্যাট মোডে 2 স্পেস, 4 স্পেস বা Tab বেছে নিন, আর লম্বা অ্যাট্রিবিউট তালিকার জন্য র্যাপ করুন সেট করুন।
ফলাফল নিতে কপি বা ডাউনলোড চাপুন।
এই HTML ফরম্যাটার মার্কআপের জন্য দরকারি দুটি কাজ করে: পড়ার উপযোগী করা, অথবা ছোট করা। বাঁ দিকে পেস্ট করুন, ফলাফল ডান দিকে দেখা যাবে। ফরম্যাট প্রতিটি এলিমেন্টকে নিজের লাইনে রাখে দুই স্পেস, চার স্পেস বা একটি Tab ইনডেন্ট দিয়ে, আর লম্বা অ্যাট্রিবিউট তালিকাকে আপনার বেছে নেওয়া প্রস্থে র্যাপ করে। মিনিফাই কমেন্ট ও বাড়তি হোয়াইটস্পেস বাদ দেয় এবং আগের সাইজ, পরের সাইজ ও কত শতাংশ বাঁচল তা দেখায়।
বেশিরভাগ ক্ষেত্রে শুরু হয় এমন মার্কআপ দিয়ে যা কেউ হাতে লেখেনি। ব্রাউজার থেকে সেভ করা পেজ আসে এক লাইনে। টেমপ্লেট ইঞ্জিন Tab আর স্পেস মেশানো একটি ব্লক তৈরি করে। বিল্ড ধাপ আপনাকে প্রোডাকশন HTML দেয়, আর আপনাকে খুঁজে বের করতে হয় একটি সেকশন কীভাবে তৈরি। আগে ফরম্যাট করলে এগুলোর যেকোনোটি পড়া ও খোঁজার মতো হয়ে যায়।
মিনিফায়ারটি ইচ্ছা করেই সতর্ক। দুটি ইনলাইন এলিমেন্টের মাঝের স্পেস পর্দায় দেখা যায়, তাই সেটি থাকে; শুধু ব্লক-লেভেল ট্যাগের মাঝের হোয়াইটস্পেস বাদ যায়, যা ব্রাউজার এমনিতেই ফেলে দেয়। কমেন্ট বাদ যায়, তবে পুরোনো Internet Explorer-এর কন্ডিশনাল কমেন্ট থাকে। pre, textarea, script ও style-এর ভেতরের অংশ অক্ষরে অক্ষরে কপি হয়, তাই ব্যবহারকারীরা যে ইনডেন্ট দেখেন তা কখনো বদলায় না। অ্যাট্রিবিউটের উদ্ধৃতিচিহ্ন সরানোর সময় স্ল্যাশযুক্ত যেকোনো মান উদ্ধৃতিচিহ্নের মধ্যেই থাকে, কারণ ব্রাউজার href=/a/b মেনে নেয় কিন্তু কয়েকটি বিল্ড টুল তা পড়ে না। স্ক্রিপ্ট ও স্টাইলশিট এখানে মিনিফাই হয় না; সেগুলোর জন্য JavaScript Minifier ও CSS Minifier ব্যবহার করুন।
মার্কআপ পড়া না গেলে আপনি সমস্যার লাইন ও কলাম এবং কী ঠিক করতে হবে তা পাবেন, যেমন কখনো বন্ধ না হওয়া কমেন্ট বা উদ্ধৃতিচিহ্ন হারানো অ্যাট্রিবিউট মান। সবকিছু আপনার ব্রাউজারে চলে, তাই গ্রাহকের নাম বা অভ্যন্তরীণ URL থাকা পেজ কখনো আপনার ডিভাইস ছেড়ে যায় না।
হ্যাঁ। কোনো সাইন-আপ নেই, ওয়াটারমার্ক নেই, আর কতটা মার্কআপ পেস্ট করবেন বা কতবার ব্যবহার করবেন তারও সীমা নেই। টুলের বাইরে দেখানো কয়েকটি বিজ্ঞাপনে পেজটির খরচ চলে, আপনার ফলাফলের ভেতরে কখনো নয়।
না। ফরম্যাট ও মিনিফাই দুটোই JavaScript দিয়ে আপনার ব্রাউজারে চলে। গ্রাহকের নাম, অভ্যন্তরীণ URL বা script ট্যাগে API কী থাকা মার্কআপ কখনো আপনার ডিভাইস ছেড়ে যায় না, আর ট্যাব বন্ধ করলে কিছুই রাখা হয় না।
সাধারণত কাঁচা বাইটের 3 থেকে 10 শতাংশ, আর অ্যাট্রিবিউটের উদ্ধৃতিচিহ্ন সরালে আরেকটু বেশি। গভীর ইনডেন্টের মার্কআপে সবচেয়ে বেশি বাঁচে; আগে থেকেই মিনিফাই করা পেজে কিছুই বাঁচে না। টুলটি আগের সঠিক সাইজ, পরের সাইজ ও শতাংশ দেখায়, তাই আপনাকে কখনো আন্দাজ করতে হয় না।
মিনিফাই করলে পেজ দেখতে কেমন হয় তা বদলানোর কথা নয়। শুধু ব্লক-লেভেল ট্যাগের মাঝের হোয়াইটস্পেস সরানো হয়, যেখানে ব্রাউজার এমনিতেই তা উপেক্ষা করে। span বা strong-এর মতো দুটি ইনলাইন এলিমেন্টের মাঝের স্পেস দেখা যায়, তাই তা রাখা হয়, আর pre, textarea, script ও style-এর ভেতরের অংশ হুবহু কপি হয়।
হ্যাঁ। ফরম্যাট বেছে নিন, এক লাইনটি ইনডেন্ট করা মার্কআপে ছড়িয়ে যাবে, প্রতি লাইনে একটি এলিমেন্ট। কিছুই যোগ বা বাদ হয় না, তাই ব্রাউজার যা পেয়েছিল ঠিক তা-ই পড়ছেন। আপনার এডিটরের সঙ্গে মেলে এমন ইনডেন্ট ও র্যাপ প্রস্থ বেছে নিন।
না। style বা script ট্যাগের ভেতরের সবকিছু অপরিবর্তিত কপি হয়, কারণ সেগুলো মিনিফাই করতে আসল CSS বা JavaScript পার্সার লাগে। সেগুলো CSS Minifier ও JavaScript Minifier-এ চালিয়ে ফলাফল আবার পেস্ট করুন।
এখনও আটকে আছেন? HTML ফরম্যাটার ও মিনিফায়ার সম্পর্কে প্রশ্ন করুন আর যিনি জানেন তিনিই উত্তর দিতে পারেন। কোনো অ্যাকাউন্ট লাগবে না।