একটি XHTML ডকুমেন্ট তৈরি করা এবং সেটি ব্রাউজারে প্রদর্শন করা একটি সহজ প্রক্রিয়া, তবে এটি HTML এর থেকে কিছুটা আলাদা। XHTML কোডের গঠন XML-এর নিয়ম অনুসরণ করে এবং এতে কিছু নির্দিষ্ট নিয়ম মেনে চলতে হয়। এখানে প্রথম XHTML পৃষ্ঠা তৈরি করার প্রক্রিয়া দেখানো হলো।
১. প্রথম 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 XHTML Page</h1>
<p>This is my first XHTML page. XHTML is an XML-based version of HTML.</p>
<br />
<a href="https://www.w3.org" target="_blank">Visit W3C for more information.</a>
</body>
</html>
২. XHTML পৃষ্ঠা তৈরি করার ধাপসমূহ
২.1 DOCTYPE ডিক্লেয়ারেশন
প্রথমে DOCTYPE ডিক্লেয়ারেশনটি রাখতে হবে, যা XHTML ডকুমেন্টের গঠন এবং বৈধতা নির্ধারণ করে। এটি ব্রাউজারকে জানায় যে আপনি XHTML ব্যবহার করছেন।
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
২.2 html ট্যাগ এবং XML নামস্পেস
XHTML ডকুমেন্টের মধ্যে <html> ট্যাগ ব্যবহার করতে হবে, এবং এর মধ্যে xmlns (XML namespace) অ্যাট্রিবিউটটি ব্যবহার করা উচিত।
<html xmlns="http://www.w3.org/1999/xhtml">
২.3 head ট্যাগ
এটি মেটাডেটা (যেমন শিরোনাম এবং চরিত্র এনকোডিং) ধারণ করে। এখানে meta ট্যাগ ব্যবহার করে UTF-8 এনকোডিং নির্ধারণ করা হয় এবং <title> ট্যাগে পৃষ্ঠার শিরোনাম দেওয়া হয়।
<head>
<meta charset="UTF-8" />
<title>My First XHTML Page</title>
</head>
২.4 body ট্যাগ
এটি মূল কনটেন্ট ধারণ করে। এখানে আমরা একটি হেডিং, প্যারাগ্রাফ, লিঙ্ক এবং ব্রেক ট্যাগ (line break) ব্যবহার করেছি।
<body>
<h1>Welcome to My XHTML Page</h1>
<p>This is my first XHTML page. XHTML is an XML-based version of HTML.</p>
<br />
<a href="https://www.w3.org" target="_blank">Visit W3C for more information.</a>
</body>
৩. XHTML ফাইল সংরক্ষণ
- ফাইল তৈরি করুন: একটি নতুন টেক্সট ফাইল তৈরি করুন এবং
.xhtmlএক্সটেনশন দিয়ে সংরক্ষণ করুন। যেমন:index.xhtml। - কোড লিখুন: উপরের উদাহরণের কোডটি আপনার পছন্দের কোড এডিটরে (যেমন Visual Studio Code, Sublime Text) লিখুন।
- ফাইল সংরক্ষণ করুন: ফাইলটি
.xhtmlএক্সটেনশন দিয়ে সংরক্ষণ করুন, যেমনindex.xhtml।
৪. ব্রাউজারে XHTML পৃষ্ঠা দেখানো
এখন আপনি ফাইলটি ব্রাউজারে ওপেন করতে পারেন:
- ফাইলটি ব্রাউজারে খুলুন: আপনি যেই ব্রাউজারটি ব্যবহার করেন (Chrome, Firefox, Edge ইত্যাদি), সেখানে
index.xhtmlফাইলটি ওপেন করুন। - ফলাফল দেখুন: ব্রাউজারে আপনার XHTML পৃষ্ঠা দেখা যাবে। এখানে হেডিং, প্যারাগ্রাফ, এবং লিঙ্ক সঠিকভাবে প্রদর্শিত হবে।
৫. XHTML ডকুমেন্টের বৈশিষ্ট্য
- XML কেস সেনসিটিভ: XHTML ডকুমেন্টে সব ট্যাগ এবং অ্যাট্রিবিউট ছোট হাতের অক্ষরে থাকতে হবে। উদাহরণ:
<h1>এবং<title>। - সব ট্যাগ বন্ধ করা: XHTML-এ প্রতিটি ট্যাগ সঠিকভাবে বন্ধ করা আবশ্যক, যেমন
<br />,<img />ইত্যাদি। - ভাল গঠন: XHTML ডকুমেন্টের গঠন XML-এর স্ট্রিক্ট নিয়ম অনুসরণ করে।
এটি ছিল একটি মৌলিক XHTML পৃষ্ঠা তৈরি করার প্রক্রিয়া। .xhtml এক্সটেনশন ব্যবহার করে একটি বৈধ XHTML ডকুমেন্ট তৈরি করতে হলে XML-এর গঠন এবং নিয়ম মেনে চলা উচিত। এই প্রক্রিয়াটি আপনাকে XHTML-এর মৌলিক কাঠামো এবং ব্রাউজারে প্রদর্শনের উপায় শেখাবে।
