XHTML (Extensible Hypertext Markup Language) একটি ওয়েব ডকুমেন্ট তৈরি করার জন্য HTML এর পরিবর্তে XML এর নিয়ম অনুসরণ করে। XHTML ডকুমেন্ট তৈরি করার সময়, আপনাকে কিছু নির্দিষ্ট গঠন এবং কোডিং নিয়ম অনুসরণ করতে হবে। এখানে আমরা একটি মৌলিক XHTML ডকুমেন্ট তৈরি করার পুরো প্রক্রিয়া ব্যাখ্যা করব।
১. XHTML ডকুমেন্টের মৌলিক গঠন
একটি সাধারণ XHTML ডকুমেন্টে কয়েকটি মৌলিক অংশ থাকে। এই অংশগুলো যথাযথভাবে গঠন করা উচিত যাতে তা XML-এর নিয়ম অনুসরণ করে। নিচে একটি মৌলিক XHTML ডকুমেন্টের গঠন দেওয়া হলো:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>My First XHTML Document</title>
</head>
<body>
<h1>Welcome to XHTML</h1>
<p>This is a simple XHTML document.</p>
<br />
<img src="image.jpg" alt="Sample Image" />
</body>
</html>
২. ডকুমেন্টের প্রধান উপাদান
২.1 DOCTYPE ডিক্লেয়ারেশন
XHTML ডকুমেন্টের শুরুর দিকে DOCTYPE ডিক্লেয়ারেশন দেওয়া হয়, যা ব্রাউজারকে জানায় যে এটি একটি XHTML ডকুমেন্ট। এটি W3C-এর নির্ধারিত স্ট্যান্ডার্ড অনুযায়ী হতে হবে।
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
২.2 HTML ট্যাগ
<html> ট্যাগটি ডকুমেন্টের মূল উপাদান এবং এটি XML নামস্পেস (xmlns) নির্দেশ করে, যা XHTML ডকুমেন্টের বৈধতা নিশ্চিত করে। এই ট্যাগের মধ্যে পুরো ডকুমেন্টের কনটেন্ট থাকে।
<html xmlns="http://www.w3.org/1999/xhtml">
২.3 Head এবং Meta ট্যাগ
<head> ট্যাগের মধ্যে ডকুমেন্টের মেটাডেটা থাকে, যেমন শিরোনাম এবং চরিত্র এনকোডিং।
<head>
<meta charset="UTF-8" />
<title>My First XHTML Document</title>
</head>
<meta charset="UTF-8" />ট্যাগটি চরিত্র এনকোডিং নির্দেশ করে।<title>ট্যাগে ডকুমেন্টের শিরোনাম রাখা হয়, যা ব্রাউজারের ট্যাবে দেখানো হয়।
২.4 Body ট্যাগ
<body> ট্যাগের মধ্যে ওয়েব পেজের প্রধান কনটেন্ট থাকে। এখানে বিভিন্ন HTML এলিমেন্ট যেমন হেডিং, প্যারাগ্রাফ, ছবি, লিঙ্ক ইত্যাদি রাখা হয়।
<body>
<h1>Welcome to XHTML</h1>
<p>This is a simple XHTML document.</p>
<br />
<img src="image.jpg" alt="Sample Image" />
</body>
<h1>: একটি হেডিং ট্যাগ, যা বড় আকারে টেক্সট প্রদর্শন করে।<p>: প্যারাগ্রাফ ট্যাগ, যেটি সাধারণ টেক্সট প্রদর্শন করে।<br />: একটি লাইনের ব্রেক ট্যাগ, যা লাইনের মধ্যে ব্যবধান তৈরি করে। XHTML-এ এটি বন্ধনসহ ব্যবহার করতে হয়, যেমন<br />।<img />: একটি ছবি ট্যাগ, যেটিতেsrc(ছবির উৎস) এবংalt(ছবির বর্ণনা) অ্যাট্রিবিউট থাকে।
৩. XHTML ডকুমেন্টে কিছু গুরুত্বপূর্ণ নিয়ম
৩.1 কেস সেন্সিটিভিটি
XHTML-এর মধ্যে সব ট্যাগ এবং অ্যাট্রিবিউট নাম ছোট হাতের অক্ষরে থাকতে হবে। যেমন:
<html xmlns="http://www.w3.org/1999/xhtml">
৩.2 ট্যাগ বন্ধন
XHTML-এ সব ট্যাগকে সঠিকভাবে বন্ধ করতে হবে। একক ট্যাগগুলোও যেমন <br />, <img /> বন্ধন সহ ব্যবহার করতে হবে।
৩.3 অ্যাট্রিবিউট কোটেশন
এটা নিশ্চিত করতে হবে যে, সব অ্যাট্রিবিউটের মান কোটেশনে থাকবে, যেমন:
<img src="image.jpg" alt="Sample Image" />
৩.4 স্ট্রিক্ট কোডিং
XHTML ডকুমেন্টে কোডিং স্টাইল এবং গঠন খুবই স্ট্রিক্ট। প্রতিটি ট্যাগ সঠিকভাবে বন্ধ হতে হবে এবং একক ট্যাগগুলোকেও (যেমন <img>, <br>) বন্ধন সহ ব্যবহার করতে হবে।
৪. কোডের উদাহরণ: একটি পূর্ণাঙ্গ XHTML ডকুমেন্ট
এখানে একটি সম্পূর্ণ XHTML ডকুমেন্টের উদাহরণ দেওয়া হলো, যা আপনার ওয়েব পেজের জন্য ব্যবহার করতে পারেন:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>My First XHTML Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a basic XHTML document that demonstrates the structure and syntax of XHTML.</p>
<h2>Key Features of XHTML</h2>
<ul>
<li>Case-sensitive tags</li>
<li>Strict syntax rules</li>
<li>XML-based structure</li>
</ul>
<p>Visit <a href="https://www.w3.org" target="_blank">W3C</a> for more information on XHTML.</p>
<br />
<img src="images/sample.jpg" alt="Sample Image" />
</body>
</html>
৫. XHTML ডকুমেন্ট ব্রাউজারে পরীক্ষা করা
ডকুমেন্ট তৈরি করার পর, এটি ব্রাউজারে পরীক্ষা করতে হবে। এর জন্য নিম্নলিখিত পদক্ষেপগুলো অনুসরণ করুন:
- ফাইল তৈরি করুন: একটি নতুন ফাইল তৈরি করুন এবং
.xhtmlএক্সটেনশন দিন, যেমনindex.xhtml। - কোড লিখুন: আপনার পছন্দের কোড এডিটর (যেমন VS Code, Sublime Text) ব্যবহার করে XHTML কোড লিখুন।
- ফাইল সংরক্ষণ করুন: ফাইলটি
.xhtmlবা.htmlএক্সটেনশন দিয়ে সংরক্ষণ করুন। - ব্রাউজারে পরীক্ষা করুন: ব্রাউজারে ফাইলটি ওপেন করুন এবং দেখুন কিভাবে এটি প্রদর্শিত হয়।
XHTML ডকুমেন্ট তৈরি করার জন্য এই গঠন এবং নিয়মগুলো মেনে চললে আপনি একটি সঠিক এবং কার্যকরী XHTML পেজ তৈরি করতে পারবেন।
Read more
