এই ফরম্যাটারটি সহজে বোঝা যায় এমন কাঠামো তৈরিতে গুরুত্ব দেয়। নেস্টেড এলিমেন্টকে সঠিক গভীরতায় বসানোর পাশাপাশি অ্যাট্রিবিউট, কমেন্ট, ডিক্লারেশন এবং টেক্সট দৃশ্যমান রাখে। এটি কমেন্ট মুছে দেয় না বা ফাইলের আকার কমায় না, তাই এটি HTML মিনিফায়ার থেকে আলাদা। আপনার মার্কআপ ডিভাইসেই প্রক্রিয়া করা হয় এবং কোথাও আপলোড হয় না।
বিনামূল্যের HTML ফরম্যাটার
পুরোটাই আপনার ব্রাউজারে চলে - কিছু আপলোড নেই, সাইন-আপ নেই।
HTML
ফরম্যাট করা HTML
ফরম্যাট করতে HTML পেস্ট করুন
HTML ফরম্যাটার কী করে?
HTML ফরম্যাটার সংকুচিত বা এলোমেলো ইনডেন্টেশনের মার্কআপকে পরিচ্ছন্ন ও একই নিয়মে সাজানো HTML-এ বদলে দেয়। একটি ডকুমেন্ট বা কোডের অংশ পেস্ট করুন, ২টি স্পেস, ৪টি স্পেস অথবা ট্যাব বেছে নিন, তারপর ফলাফল কপি করুন। এটি HTML5 ভয়েড এলিমেন্ট, প্রচলিত ঐচ্ছিক ক্লোজিং ট্যাগ এবং script বা style-এর র টেক্সট বুঝতে পারে। পুরো কাজই আপনার ব্রাউজারে হয়।
যেভাবে ব্যবহার করবেন
- 1HTML পেস্ট করুন. ইনপুট এডিটরে সম্পূর্ণ HTML ডকুমেন্ট, টেমপ্লেট বা কোডের অংশ দিন, অথবা দেওয়া উদাহরণটি লোড করুন।
- 2ইনডেন্টেশন বেছে নিন. ২টি স্পেস, ৪টি স্পেস অথবা ট্যাব বেছে নিন। ফরম্যাট করা আউটপুট সঙ্গে সঙ্গে হালনাগাদ হবে।
- 3কাঠামো যাচাই করুন. এলিমেন্ট, অ্যাট্রিবিউট ও গভীরতার সংখ্যা দেখুন, তারপর ইনডেন্ট করা ফলাফলটি চোখ বুলিয়ে নিন।
- 4ফলাফল কপি করুন. ফরম্যাট করা HTML কপি করে আপনার এডিটর, CMS বা কোড রিভিউতে পেস্ট করুন।
কাদের জন্য
- ফ্রন্টএন্ড ডেভেলপাররা নেস্টিংয়ের সমস্যা ডিবাগ করা বা কোডের পরিবর্তন পর্যালোচনার আগে সংকুচিত টেমপ্লেট গুছিয়ে নিতে পারেন।
- ইমেইল ডেভেলপাররা ব্যক্তিগত ক্যাম্পেইনের HTML সার্ভারে না পাঠিয়ে এক্সপোর্ট করা নিউজলেটারের মার্কআপ সহজে দেখার মতো করে নিতে পারেন।
- CMS এডিটররা class, link বা কনটেন্ট বদলানোর আগে কপি করা কম্পোনেন্ট কিংবা পেজের অংশের জট ছাড়াতে পারেন।
- শিক্ষার্থীরা একই নিয়মের ইনডেন্টেশন দেখে একটি বাস্তব HTML ডকুমেন্টে parent ও child এলিমেন্টের সম্পর্ক বুঝতে পারেন।
সাধারণ প্রশ্ন
এই HTML ফরম্যাটার কি বিনামূল্যে ব্যবহার করা যায়?
হ্যাঁ। HTML ফরম্যাটারটি বিনামূল্যে ব্যবহার করা যায়, সাইন-আপ, ডাউনলোড বা ব্যবহারের কোনো সীমা নেই। HTML ডকুমেন্ট বা অংশ পেস্ট করুন, ইনডেন্টেশন বেছে নিন এবং ব্রাউজার থেকেই সাজানো ফলাফল কপি করুন।
আমার HTML কি কোথাও আপলোড হয়?
না। ফরম্যাট করার পুরো কাজ আপনার ব্রাউজারেই হয়। পেস্ট করা HTML কোনো সার্ভারে পাঠানো হয় না, তাই অভ্যন্তরীণ টেমপ্লেট, প্রকাশ না করা ল্যান্ডিং পেজ, ইমেইল মার্কআপ বা ব্যক্তিগত URL ও আইডেন্টিফায়ার থাকা স্নিপেটেও এটি ব্যবহার করা যায়।
কত বড় HTML ফাইল ফরম্যাট করা যাবে?
কিছু আপলোড করা হয় না বলে সার্ভার থেকে নির্ধারিত কোনো সীমা নেই। খুব বড় ডকুমেন্টের ক্ষেত্রে আপনার ব্রাউজার ও ডিভাইসের মেমোরির ওপর ফলাফল নির্ভর করবে, তবে সাধারণ পেজ, কম্পোনেন্ট, ইমেইল টেমপ্লেট এবং কপি করা সোর্স কোড দ্রুত ফরম্যাট হওয়ার কথা।
ক্লোজিং ট্যাগ ছাড়া HTML কি ফরম্যাট করা যাবে?
হ্যাঁ। এটি img, br, input, meta ও link-এর মতো HTML5 ভয়েড এলিমেন্ট চিনতে পারে, যেগুলোর ক্লোজিং ট্যাগ লাগে না। সঠিক ইনডেন্টেশন বের করার সময় list item, paragraph, option এবং table row বা cell-এর প্রচলিত ঐচ্ছিক end tag-ও সামলায়।
script ও style-এর কনটেন্ট কি বদলে যাবে?
ফরম্যাটারটি script ও style-এর ভেতরের অংশকে র টেক্সট হিসেবে ধরে। তাই comparison operator, CSS selector বা less-than চিহ্ন থাকা string-কে ভুল করে HTML tag মনে করে না। এটি ব্লকের ইনডেন্টেশন ঠিক করে, তবে JavaScript বা CSS কোড নতুন করে লেখে না।
এই টুল কি ভুল HTML যাচাই বা মেরামত করে?
না। এটি একটি ফরম্যাটার, standards validator বা স্বয়ংক্রিয় repair service নয়। HTML-এ অনুমোদিত ঐচ্ছিক closing tag মেনে চলার পাশাপাশি স্পষ্টভাবে বন্ধ না করা comment, declaration, tag ও raw-text element-এর ত্রুটি জানায়। standards conformance যাচাই করতে Nu HTML Checker ব্যবহার করুন।
HTML ফরম্যাটার ও মিনিফায়ারের মধ্যে পার্থক্য কী?
ফরম্যাটার line break ও indentation যোগ করে, যাতে মানুষ সহজে markup পড়তে ও সম্পাদনা করতে পারে। মিনিফায়ার transfer size কমাতে অপ্রয়োজনীয় whitespace এবং কখনো comment সরিয়ে দেয়। এই পেজটি শুধু HTML ফরম্যাট করে এবং ইচ্ছাকৃতভাবে formatting ও comment দৃশ্যমান রাখে।