X

X

X

HTML এবং XHTML


XHTML একপ্রকার HTML যা XML হিসেবে লিখা হয়।


XHTML কি?

  • XHTML এর পুরো নাম EXtensible HyperText Markup Language
  • XHTML মোটামুটি HTML এর মতোই।
  • XHTML HTML এর চেয়ে স্ট্রিক্ট।
  • XHTML একপ্রকার HTML যেটি XML আকারে লিখা হয়।
  • XHTML প্রায় সব ব্রাউজারে সাপোর্ট করে।

XHTML কেনো ব্যবহার করবো?

ইন্টারনেটে অনেক পেজ রয়েছে যার অনেকগুলো খুব নিম্নমানের HTML এবং ভুলে ভরা। তারপরেও অধিকাংশ ব্রাউজারে এগুলো সফলতার সাথে চলে যদিও তাতে অনেক ভুলভ্রান্তি থাকে।

নিচের উদাহরণটি লক্ষ্য করুন:

<html>
<head>
<title>This is bad HTML</title>

<body>
<h1>Bad HTML
<p>This is a paragraph
</body>

বর্তমান যুগে ব্রাউজারসমূহ অনেক টেকনোলজি নিয়ে তৈরি হয়। কিছু কিছু ব্রাউজার কম্পিউটারে কিছু কিছু ব্রাউজার মোবাইল আবার কিছু কিছু ব্রাউজার আরও ছোটো আকৃতির ডিভাইসে চলে। ছোটো ডিভাইসের ব্রাউজারসমূহ সাধারণত নিম্নমানের এবং ভুলে ভরা HTML কোড ভালো ভাবে ইন্টারপ্রেট করতে পারেনা । ফলে ভুল ফলাফল প্রদর্শিত হয়।

XML এমন একটি মার্কআপ ভাষা যেটি খুব সুসংগঠিত এবং এটি দিয়ে কোড লিখতে হলে অবশ্যই ত্রুটিবিহীন হতে হবে।

XML সম্পর্কে বিস্তারিত জানার জন্য ,  XML tutorial টি পড়তে পারেন।

XML ও HTML একসাথে ব্যবহার করে XHTML তৈরি করা হয়েছে। সুতরাং, XHTML হচ্ছে HTML যেটি XML Format এ লিখা হয়েছে।


HTML এর সাথে XHTML এর পার্থক্য:

গঠন

  • XHTML এর DOCTYPE লিখা  বাধ্যতামূলক।
  • <html> ট্যাগের ভিতর xmlns attribute লিখা  বাধ্যতামূলক।
  • <html>, <head>, <title>, ‌এবং <body> ইলামেন্ট লিখা ,বাধ্যতামূলক।

XHTML এর ইলামেন্টসমূহ

  • XHTML এ ইলামেন্টসমূহকে সঠিকভাবে Nested করতে হবে।
  • XHTML এ ইলামেন্টসমূহকে সঠিকভাবে closed করতে হবে।
  • XHTML এ ইলামেন্টসমূহকে lowercase এ লিখতে হবে।
  • XHTML document এর অবশ্যই  একটি root element থাকতে হবে।

XHTML Attribute (এট্রিবিউট)

  • Attribute গুলোকে in lower case এ লিখতে হবে।
  • Attribute value গুলোকে অবশ্যই quoted করতে হবে। অর্থাৎ, উদ্ধৃতির মধ্যে লিখতে হবে।
  • Attribute minimize করা যাবে না। 

<!DOCTYPE ….> বাধ্যতামূলক

XHTML document এর অবশ্যই XHTML DOCTYPE declaration থাকতে হবে।

বিস্তারিত জানার জন্য  XHTML Doctypes এ ক্লিক করুন।

নিচে একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>
<title>Title of document</title>
</head>

<body>
some content
</body>

</html>


XHTML গুলো Nested হতে হবে

HTML এ কখনো কখনো ভুলভাবে ইলামেন্টগুলো Nested হতে পারে। যেমন :

<b><i>This text is bold and italic</b></i>

কিন্তু XHTML, all elements must be properly nested within each other, like this:

<b><i>This text is bold and italic</i></b>

XHTML Element সবসময় Closed হতে হবে

নিচেরটি ভুল:

<p>This is a paragraph
<p>This is another paragraph

নিচেরটি সঠিক:

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Empty Element গুলোও Closed হতে হবে

নিচেরটি ভুল:

A break: <br>
A horizontal rule: <hr>
An image: <img src=”happy.gif” alt=”Happy face”>

নিচেরটি সঠিক:

A break: <br />
A horizontal rule: <hr />
An image: <img src=”happy.gif” alt=”Happy face” />

XHTML Element সমূহকে Lower Case হতে হবে

নিচেরটি ভুল:

<BODY>
<P>This is a paragraph</P>
</BODY>

নিচেরটি সঠিক:

<body>
<p>This is a paragraph</p>
</body>

XHTML Attribute Name গুলো Lower Case হতে হবে

নিচেরটি ভুল:

<table WIDTH=”100%”>

নিচেরটি সঠিক:

<table width=”100%”>

Attribute Value গুলো Quoted হতে হবে

নিচেরটি ভুল:

<table width=100%>

নিচেরটি সঠিক:

<table width=”100%”>

Attribute Minimization করা যাবে না

Wrong:

<input type=”checkbox” name=”vehicle” value=”car” checked />

সঠিক:

<input type=”checkbox” name=”vehicle” value=”car” checked=”checked” />

ভুল:

<input type=”text” name=”lastname” disabled />

সঠিক:

<input type=”text” name=”lastname” disabled=”disabled” />

HTML থেকে XHTML এ রূপান্তরের নিয়ম

  1. প্রতিট XHTML পেজের শুরুতে <!DOCTYPE> যোগ করুন।
  2. html element এ xmlns attribute যোগ করুন।
  3. প্রতিট element name কে lowercase এ লিখুন।
  4. সব empty element কে Close করুন।
  5. সকল attribute names কে lowercase এ লিখুন।
  6. সকল attribute value কে Quote করুন।

W3C Validator দিয়ে আপনার পেজকে Validate করুণ

নিচের ইনপুট বক্সে আপনার এড্রেস লিখে টেস্ট করে দেখুন: