এক্সএইচটিএমএল (XHTML) একটি XML ভিত্তিক মার্কআপ ভাষা যা HTML এর আধুনিক সংস্করণ। XHTML-এ কিছু মৌলিক নিয়ম এবং গঠনগত নিয়মাবলী অনুসরণ করতে হয়, যেমন সঠিকভাবে এন্ড ট্যাগ এবং সেলফ-ক্লোজিং ট্যাগ ব্যবহার করা। এই বিষয়গুলো এক্সএইচটিএমএল ডকুমেন্টে সঠিক কোডিং গঠন নিশ্চিত করে।
১. এন্ড ট্যাগ (End Tags) ব্যবহার
এক্সএইচটিএমএল (XHTML)-এ সব ট্যাগের জন্য এন্ড ট্যাগ ব্যবহার করা আবশ্যক। অর্থাৎ, যেসব HTML ট্যাগগুলি সাধারণত স্বতন্ত্রভাবে (নিঃশব্দভাবে) বন্ধ করা হয়, XHTML-এ সেগুলিকে অবশ্যই সঠিকভাবে বন্ধ করতে হবে।
১.১ এন্ড ট্যাগের উদাহরণ
যেমন:
<h1>প্রধান শিরোনাম</h1>
<p>এটি একটি প্যারাগ্রাফ।</p>
উপরের দুটি ট্যাগে <h1> এবং <p> ট্যাগগুলো সঠিকভাবে বন্ধ করা হয়েছে। এক্সএইচটিএমএল এন্ড ট্যাগে এই সঠিকতা অত্যন্ত গুরুত্বপূর্ণ।
১.২ এন্ড ট্যাগের নিয়মাবলী
সব ধরনের ট্যাগ যেমন
<div>,<section>,<header>,<footer>,<li>,<ul>,<ol>ইত্যাদি XHTML ডকুমেন্টে বন্ধ করা আবশ্যক।উদাহরণ:
<div> <p>এটি একটি প্যারাগ্রাফ যা <b>বোল্ড</b> ফরম্যাটে আছে।</p> </div>- অর্থপূর্ণ ট্যাগ যেমন
<h1>,<h2>,<h3>,<p>,<table>,<tr>,<td>,<form>ইত্যাদির জন্য বন্ধনীয় ট্যাগ থাকা উচিত। - ব্রাউজারের মধ্যে কোডের ভুল বা অপ্রতুলতা থাকলেও এক্সএইচটিএমএল প্রপারলি রেন্ডার হতে পারে না।
২. সেলফ-ক্লোজিং ট্যাগস (Self-Closing Tags)
এক্সএইচটিএমএল-এ সেলফ-ক্লোজিং ট্যাগস সেই ট্যাগগুলিকে বলা হয় যেগুলোর জন্য আলাদা করে একটি এন্ড ট্যাগ (শুধু </tag>) প্রয়োজন হয় না। এগুলো সাধারণত একক ট্যাগেই কাজ সম্পন্ন হয়, কিন্তু এক্সএইচটিএমএল-এ সেগুলোকে সঠিকভাবে ক্লোজিং স্ল্যাশ / সহ ব্যবহার করতে হয়।
২.১ সেলফ-ক্লোজিং ট্যাগের উদাহরণ
উদাহরণস্বরূপ:
<br />
<img src="image.jpg" alt="Sample Image" />
<hr />
<link rel="stylesheet" type="text/css" href="style.css" />
এই ট্যাগগুলির মধ্যে কোনো এন্ড ট্যাগ নেই। কিন্তু, এক্সএইচটিএমএল-এ এগুলোর শেষে স্ল্যাশ / দিয়ে ক্লোজিং করতে হয়।
২.২ সেলফ-ক্লোজিং ট্যাগের নিয়মাবলী
<br />– লাইনের ব্রেক। এক্সএইচটিএমএল-এ এভাবে ক্লোজিং স্ল্যাশ/ব্যবহার করা আবশ্যক।<img />– ছবি ট্যাগ। এর জন্য সঠিকভাবেsrcএবংaltঅ্যাট্রিবিউট ব্যবহার করা জরুরি।<hr />– অনুভূমিক রেখা। এক্সএইচটিএমএল-এ সেলফ-ক্লোজিং স্ল্যাশ সহ ব্যবহার করা উচিত।<link />– লিঙ্ক ট্যাগ, যা স্টাইলশিট (CSS) লিঙ্ক করার জন্য ব্যবহৃত হয়।
২.৩ কেন সেলফ-ক্লোজিং স্ল্যাশ দরকার?
এক্সএইচটিএমএল একটি XML ভিত্তিক ভাষা, এবং XML-এর নিয়ম অনুসারে কোনো একক ট্যাগকে সঠিকভাবে বন্ধ করতে হবে। অতএব, সেলফ-ক্লোজিং ট্যাগগুলির ক্ষেত্রে ব্রাউজার বুঝতে পারে যে ট্যাগটি এখানে সম্পূর্ণ হয়েছে, এবং কোনো অতিরিক্ত এন্ড ট্যাগের প্রয়োজন নেই।
৩. এক্সএইচটিএমএল-এর সেলফ-ক্লোজিং ট্যাগগুলির সাধারণ তালিকা
<img />- ইমেজ ট্যাগ<br />- ব্রেক ট্যাগ<hr />- অনুভূমিক রেখা ট্যাগ<link />- লিঙ্ক ট্যাগ (যেমন CSS ফাইল লোড করার জন্য)<meta />- মেটা ট্যাগ<area />- ইমেজ ম্যাপের জন্য<input />- ফর্মের ইনপুট ফিল্ড
XHTML ডকুমেন্টে এন্ড ট্যাগ এবং সেলফ-ক্লোজিং ট্যাগ ব্যবহারের বিশেষ গুরুত্ব রয়েছে। এক্সএইচটিএমএল-এর সঠিক গঠন এবং বৈধতা নিশ্চিত করতে, সকল ট্যাগের সঠিকভাবে বন্ধনসহ ব্যবহার করা উচিত। সেলফ-ক্লোজিং ট্যাগগুলিতে / স্ল্যাশ ব্যবহার করার মাধ্যমে এগুলোর একক সমাপ্তি নিশ্চিত হয়। এই নিয়মগুলোর মাধ্যমে এক্সএইচটিএমএল ডকুমেন্টের সঠিকতা, সামঞ্জস্য এবং মান বজায় থাকে।
