XHTML (Extensible Hypertext Markup Language) একটি XML-ভিত্তিক ভাষা, যা HTML এর বৈশিষ্ট্যগুলো ব্যবহার করলেও XML-এর কঠোর গঠন এবং নিয়ম অনুসরণ করে। XHTML ডকুমেন্ট লিখতে হলে কিছু নির্দিষ্ট সিনট্যাক্সের নিয়ম মেনে চলতে হয়। নিচে XHTML-এর বেসিক সিনট্যাক্সের মূল বৈশিষ্ট্যগুলো আলোচনা করা হলো।
১. কেস-সেন্সিটিভিটি (Case Sensitivity)
XHTML-এ সব ট্যাগ এবং অ্যাট্রিবিউট নাম ছোট হাতের অক্ষরে থাকতে হবে। HTML-এ ট্যাগ এবং অ্যাট্রিবিউটগুলি বড় বা ছোট হাতের অক্ষরে লিখা যেতে পারে, কিন্তু XHTML-এ কেবল ছোট হাতের অক্ষর ব্যবহার করতে হবে।
উদাহরণ:
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<h1>Welcome to XHTML</h1>
</body>
</html>
২. ট্যাগ বন্ধন (Tag Closure)
XHTML-এ প্রতিটি ট্যাগ সঠিকভাবে বন্ধ করতে হবে। HTML-এ কিছু ট্যাগ যেমন <br>, <img> ইত্যাদি বন্ধনহীন হতে পারে, কিন্তু XHTML-এ এগুলোকে বন্ধনসহ ব্যবহার করতে হয়।
উদাহরণ:
<br /> <!-- সঠিক -->
<img src="image.jpg" alt="Sample Image" /> <!-- সঠিক -->
৩. অ্যাট্রিবিউট কোটেশন (Attribute Quotation)
XHTML-এ সমস্ত অ্যাট্রিবিউটের মান কোটেশনে থাকতে হবে। HTML-এ কোটেশন ছাড়া অ্যাট্রিবিউটের মান লেখা যেতে পারে, কিন্তু XHTML-এ এটি অবশ্যই কোটেশনে থাকতে হবে।
উদাহরণ:
<img src="image.jpg" alt="Sample Image" />
<a href="https://www.example.com">Click here</a>
৪. DOCTYPE ঘোষণা (DOCTYPE Declaration)
XHTML ডকুমেন্টে DOCTYPE ডিক্লেয়ারেশন দেওয়া অত্যন্ত গুরুত্বপূর্ণ, যা ওয়েব ব্রাউজারকে জানায় যে এটি একটি XHTML ডকুমেন্ট। এটি XHTML 1.0 Strict, Transitional, অথবা Frameset এর যে কোনো একটি হতে পারে।
উদাহরণ:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
৫. রুট এলিমেন্ট (Root Element)
XHTML ডকুমেন্টের রুট এলিমেন্টটি <html> হওয়া উচিত এবং এটিতে XML নামস্পেস (xmlns) উল্লেখ করতে হবে।
উদাহরণ:
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- ডকুমেন্টের কনটেন্ট এখানে থাকবে -->
</html>
৬. সঠিকভাবে বন্ধ ট্যাগ (Properly Closed Tags)
XHTML-এ সমস্ত এলিমেন্টকে সঠিকভাবে বন্ধ করতে হয়। অর্থাৎ, যদি একটি ট্যাগ খুলে দেওয়া হয়, তবে তা অবশ্যই বন্ধ করতে হবে। একক ট্যাগগুলোর ক্ষেত্রে (যেমন <br>, <img>) বন্ধন চিহ্ন (/) দিয়ে হতে হবে।
উদাহরণ:
<p>This is a paragraph.</p> <!-- সঠিক -->
<br /> <!-- সঠিক -->
৭. শিরোনাম (Head Section)
XHTML ডকুমেন্টের <head> সেকশনে মেটাডেটা, শিরোনাম, এবং স্ক্রিপ্ট সহ অন্যান্য উপাদান রাখা হয়। <meta> ট্যাগের মধ্যে অবশ্যই কোটেশন ব্যবহার করতে হবে।
উদাহরণ:
<head>
<meta charset="UTF-8" />
<title>My XHTML Page</title>
</head>
৮. বডি সেকশন (Body Section)
XHTML ডকুমেন্টের <body> সেকশনটি ডকুমেন্টের মূল কনটেন্ট ধারণ করে। এখানে টেক্সট, ছবি, লিঙ্ক, তালিকা, এবং অন্যান্য HTML উপাদান ব্যবহার করা হয়।
উদাহরণ:
<body>
<h1>Welcome to My Website</h1>
<p>This is a basic XHTML page.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</body>
৯. ইনডেন্টেশন এবং স্পেসিং (Indentation and Spacing)
XHTML ডকুমেন্টে সঠিক ইনডেন্টেশন এবং স্পেসিং বজায় রাখা খুবই গুরুত্বপূর্ণ। এটি কোডের পাঠযোগ্যতা এবং রক্ষণাবেক্ষণ সহজ করে তোলে। সাধারণত দুই বা চারটি স্পেস দিয়ে ইনডেন্ট করা হয়।
উদাহরণ:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My XHTML Page</title>
</head>
<body>
<h1>Welcome!</h1>
<p>This is a basic XHTML page with proper indentation.</p>
</body>
</html>
XHTML একটি XML-ভিত্তিক ভাষা, তাই এর সিনট্যাক্স HTML এর তুলনায় আরও কঠোর। XHTML ডকুমেন্ট লিখতে হলে কেস সেনসিটিভিটি, ট্যাগ বন্ধন, অ্যাট্রিবিউট কোটেশন, DOCTYPE ডিক্লেয়ারেশন, এবং সঠিক ইনডেন্টেশন ব্যবহার করা প্রয়োজন। এই নিয়মগুলো অনুসরণ করলে আপনি একটি বৈধ এবং সঠিক XHTML ডকুমেন্ট তৈরি করতে পারবেন।
XHTML ডকুমেন্টের একটি গুরুত্বপূর্ণ অংশ হলো ডকটাইপ ঘোষণা (<!DOCTYPE>), যা ব্রাউজারকে জানায় যে এটি একটি XHTML ডকুমেন্ট এবং কোন ডিটিএস (DTD) ব্যবহার করা হচ্ছে। ডকটাইপ ঘোষণা XHTML ডকুমেন্টের শুরুর অংশে রাখতে হয় এবং এটি ডকুমেন্টের বৈধতা এবং সঠিক রেন্ডারিং নিশ্চিত করতে সাহায্য করে।
১. ডকটাইপ ঘোষণা () কি?
<!DOCTYPE> হলো একটি নির্দিষ্ট ঘোষণা, যা ওয়েব পেজের প্রক্রিয়াকে নির্দেশ করে। এটি ব্রাউজারকে জানায় যে ডকুমেন্টটি কোন ধরনের মার্কআপ ভাষায় লেখা, যেমন HTML বা XHTML। XHTML ডকুমেন্টে ডকটাইপ ঘোষণা ব্যবহার করা হয় যাতে এটি XML স্ট্যান্ডার্ডের সাথে সামঞ্জস্যপূর্ণ হয়। এটি ওয়েব পেজের সঠিক রেন্ডারিং এবং লোডিং নিশ্চিত করে।
২. XHTML ডকটাইপের ধরন
XHTML ডকুমেন্টের জন্য সাধারণত XHTML 1.0 Strict ডিটিএস (DTD) ব্যবহার করা হয়, কিন্তু এর আরো কয়েকটি ভিন্ন ধরন রয়েছে। এগুলি হল:
২.1 XHTML 1.0 Strict
এটি XHTML-এর সবচেয়ে কঠোর ধরন, যেখানে শুধু সঠিকভাবে গঠিত এবং স্ট্যান্ডার্ড অনুযায়ী মার্কআপ ব্যবহারের অনুমতি থাকে। এতে কোনো ফর্মেটিং বা স্ক্রিপ্টিং উপাদান থাকে না।
ডকটাইপ ঘোষণা:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
২.2 XHTML 1.0 Transitional
এই ডকুমেন্টে কিছু পুরানো HTML উপাদান এবং বৈশিষ্ট্য ব্যবহারের অনুমতি দেওয়া হয়, যা নতুন XHTML স্ট্যান্ডার্ডে নিষিদ্ধ ছিল। এটি পরিবর্তনশীল এবং পুরানো HTML কোডগুলোকে সমর্থন করে।
ডকটাইপ ঘোষণা:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
২.3 XHTML 1.0 Frameset
এই ডকটাইপটি শুধুমাত্র ওয়েব পেজের জন্য ব্যবহার করা হয় যেখানে ফ্রেম ব্যবহার করা হয়েছে। ফ্রেমের মধ্যে বিভিন্ন HTML পেজকে লোড করার জন্য এটি উপযুক্ত।
ডকটাইপ ঘোষণা:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
৩. ডকটাইপ ঘোষণা কোথায় ব্যবহার করবেন?
XHTML ডকুমেন্টের শুরুর অংশে ডকটাইপ ঘোষণা ব্যবহার করতে হবে, ঠিক <html> ট্যাগের আগে। এটি অবশ্যই ডকুমেন্টের প্রথম লাইন হতে হবে। এর মাধ্যমে ব্রাউজারটি বুঝতে পারে যে এটি একটি 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>XHTML Example</title>
</head>
<body>
<h1>Welcome to My XHTML Page</h1>
<p>This is a basic XHTML document.</p>
</body>
</html>
৪. ডকটাইপ ঘোষণা কি কারণে গুরুত্বপূর্ণ?
৪.1 ব্রাউজার সঙ্গতি নিশ্চিত করা
ডকটাইপ ঘোষণা ব্রাউজারকে নির্দেশ দেয় যে এটি একটি XHTML ডকুমেন্ট, ফলে ব্রাউজারটি XML সঠিকভাবে রেন্ডার করতে সক্ষম হয়। এটি HTML ডকুমেন্টের তুলনায় আরো কঠোরভাবে গঠন অনুসরণ করতে বাধ্য করে।
৪.2 ওয়েব স্ট্যান্ডার্ডস
ডকটাইপ ঘোষণা ওয়েব স্ট্যান্ডার্ডস অনুযায়ী XHTML ডকুমেন্টের বৈধতা নিশ্চিত করে। এতে ব্রাউজার এবং সার্ভার বুঝতে পারে যে এটি XML-ভিত্তিক একটি ডকুমেন্ট, যা সঠিকভাবে প্রক্রিয়া করা দরকার।
৪.3 ভাল পারফরম্যান্স
সঠিক ডকটাইপ ঘোষণা ব্যবহারে পেজ লোডিং এবং রেন্ডারিং আরও দ্রুত হয়, কারণ ব্রাউজারটি সঠিকভাবে ডকুমেন্টটি পুঙ্খানুপুঙ্খভাবে রেন্ডার করার জন্য প্রস্তুত থাকে।
<!DOCTYPE> ঘোষণা XHTML ডকুমেন্টের জন্য একটি অত্যন্ত গুরুত্বপূর্ণ উপাদান। এটি ব্রাউজারকে জানায় যে এটি একটি XHTML ডকুমেন্ট এবং কোন ডিটিএস (DTD) ব্যবহার করা হচ্ছে। এটি ডকুমেন্টের সঠিক রেন্ডারিং, বৈধতা এবং ওয়েব স্ট্যান্ডার্ডস অনুযায়ী সঠিকভাবে প্রদর্শন নিশ্চিত করে। XHTML ডকুমেন্ট তৈরি করার সময় সঠিক ডকটাইপ ঘোষণা ব্যবহার করতে হবে যাতে আপনার ওয়েব পেজটি সঠিকভাবে প্রদর্শিত হয়।
XHTML (Extensible Hypertext Markup Language) হল HTML এর একটি উন্নত সংস্করণ যা XML-এর নিয়ম অনুসরণ করে। XHTML ডকুমেন্ট তৈরি করার সময়, HTML ট্যাগস এবং স্ট্রাকচারগুলি কিছু নির্দিষ্ট নিয়মের অধীনে ব্যবহার করতে হয়, যা XML-এর কড়া গঠন অনুসরণ করে। এখানে আমরা XHTML ডকুমেন্টে ব্যবহৃত HTML ট্যাগস এবং স্ট্রাকচার সম্পর্কে বিস্তারিত আলোচনা করব।
১. XHTML ডকুমেন্টের মৌলিক স্ট্রাকচার
একটি XHTML ডকুমেন্টের গঠন HTML এর মতো হলেও, কিছু অতিরিক্ত নিয়ম এবং নির্দিষ্ট কাঠামো অনুসরণ করতে হয়। একটি মৌলিক 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 XHTML Page</title>
</head>
<body>
<h1>Welcome to XHTML</h1>
<p>This is an example of a basic XHTML structure.</p>
</body>
</html>
২. XHTML-এ HTML ট্যাগস এবং স্ট্রাকচার
XHTML-এ HTML ট্যাগগুলি মূলত একইভাবে ব্যবহৃত হয়, তবে কিছু অতিরিক্ত নিয়ম অনুসরণ করতে হয়। নিচে কিছু প্রধান HTML ট্যাগ এবং তাদের ব্যবহার আলোচনা করা হলো:
২.1 <html> ট্যাগ
<html> ট্যাগ XHTML ডকুমেন্টের মূল ট্যাগ। এটি XML নামস্পেস (xmlns) নির্দেশ করে এবং ডকুমেন্টের সমগ্র কনটেন্টকে ঘিরে রাখে।
<html xmlns="http://www.w3.org/1999/xhtml">
- এটি XML কনফর্মেন্ট
- সব ট্যাগ ছোট হাতের অক্ষরে থাকতে হবে।
২.2 <head> ট্যাগ
<head> ট্যাগের মধ্যে মেটাডেটা থাকে, যেমন ডকুমেন্টের শিরোনাম (<title>), ক্যারেক্টার সেট, এবং মেটা ইনফরমেশন। XHTML-এ এটি অবশ্যই বন্ধনসহ ব্যবহার করতে হবে।
<head>
<meta charset="UTF-8" />
<title>My XHTML Page</title>
</head>
২.3 <title> ট্যাগ
<title> ট্যাগের মধ্যে ডকুমেন্টের শিরোনাম (যা ব্রাউজারের ট্যাবে দেখা যাবে) রাখুন।
<title>My XHTML Page</title>
২.4 <meta> ট্যাগ
<meta> ট্যাগ সাধারণত মেটাডেটা (যেমন চরিত্র এনকোডিং) ধারণ করে। XHTML-এ এটি বন্ধনসহ ব্যবহার করতে হয়।
<meta charset="UTF-8" />
২.5 <body> ট্যাগ
<body> ট্যাগের মধ্যে ওয়েব পেজের প্রধান কনটেন্ট থাকে। এটি HTML বা XHTML ডকুমেন্টের দৃশ্যমান অংশ।
<body>
<h1>Welcome to My XHTML Page</h1>
<p>This is an example of a basic XHTML structure.</p>
</body>
৩. XHTML ট্যাগস ব্যবহারের কড়া নিয়ম
৩.1 সব ট্যাগকে বন্ধ করা
XHTML-এ সব ট্যাগ অবশ্যই সঠিকভাবে বন্ধ করতে হবে। যেমন, <br> ট্যাগের ক্ষেত্রে, এটি <br /> হতে হবে।
সঠিক উদাহরণ:
<br />ভুল উদাহরণ:
<br>
৩.2 কেস সেনসিটিভিটি
XHTML-এ সব ট্যাগ এবং অ্যাট্রিবিউট নাম ছোট হাতের অক্ষরে থাকতে হবে। যেমন:
<html xmlns="http://www.w3.org/1999/xhtml">
৩.3 অ্যাট্রিবিউট মান কোটেশনে রাখতে হবে
XHTML-এ, প্রতিটি অ্যাট্রিবিউট মান কোটেশনে রাখতে হবে, যেমন:
<img src="image.jpg" alt="Sample Image" />
৩.4 একমাত্রিক ট্যাগগুলোর জন্য বন্ধন ব্যবহার
যেসব ট্যাগ একমাত্রিক (self-closing) হয়, সেগুলোর জন্য অবশ্যই বন্ধন ব্যবহার করতে হবে, যেমন:
সঠিক উদাহরণ:
<img src="image.jpg" alt="Image" /> <br />ভুল উদাহরণ:
<img src="image.jpg" alt="Image"> <br>
৪. XHTML-এ সাধারণ HTML ট্যাগগুলির ব্যবহার
নিচে কিছু সাধারণ HTML ট্যাগ এবং তাদের XHTML সংস্করণ আলোচনা করা হলো:
৪.1 <h1> থেকে <h6> (হেডিং ট্যাগ)
<h1> থেকে <h6> ট্যাগের মাধ্যমে শিরোনাম তৈরি করা হয়। XHTML-এ এগুলোর মধ্যে কোনো পার্থক্য নেই, তবে এগুলিকে অবশ্যই বন্ধ করতে হবে।
<h1>This is a Heading 1</h1>
<h2>This is a Heading 2</h2>
৪.2 <p> (প্যারাগ্রাফ)
<p> ট্যাগ প্যারাগ্রাফ তৈরি করতে ব্যবহৃত হয়। XHTML-এ এটি বন্ধনসহ ব্যবহার করতে হবে।
<p>This is a paragraph of text.</p>
৪.3 <a> (এনকর লিঙ্ক)
<a> ট্যাগ ওয়েব লিঙ্ক তৈরি করতে ব্যবহৃত হয়। এটি href অ্যাট্রিবিউটের মাধ্যমে লিঙ্কের URL নির্ধারণ করে।
<a href="https://www.example.com">Click here to visit example.com</a>
৪.4 <img> (ইমেজ)
<img> ট্যাগ ইমেজ প্রদর্শনের জন্য ব্যবহৃত হয়। XHTML-এ এই ট্যাগে বন্ধনসহ ব্যবহার করতে হয়।
<img src="image.jpg" alt="Sample Image" />
৪.5 <ul>, <ol>, <li> (তালিকা)
<ul>: অর্ডারবিহীন তালিকা (Unordered list)<ol>: অর্ডার করা তালিকা (Ordered list)<li>: তালিকার আইটেম
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<ol>
<li>First item</li>
<li>Second item</li>
</ol>
XHTML একটি XML-ভিত্তিক মার্কআপ ভাষা, যা HTML এর মতোই ট্যাগ এবং স্ট্রাকচার ব্যবহার করে, তবে এর মধ্যে কিছু কঠোর নিয়ম এবং কনভেনশন অনুসরণ করতে হয়। সব ট্যাগকে বন্ধ করতে হবে, অ্যাট্রিবিউট মান কোটেশনে থাকতে হবে, এবং ট্যাগ নামগুলো ছোট হাতের অক্ষরে থাকতে হবে। XHTML ব্যবহার করলে ওয়েব পেজগুলির গঠন এবং কোডিং স্টাইল স্ট্যান্ডার্ড অনুযায়ী থাকে এবং ব্রাউজারের সাথে সর্বোত্তম সামঞ্জস্য প্রদান করে।
এক্সএইচটিএমএল (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 ডকুমেন্টে এন্ড ট্যাগ এবং সেলফ-ক্লোজিং ট্যাগ ব্যবহারের বিশেষ গুরুত্ব রয়েছে। এক্সএইচটিএমএল-এর সঠিক গঠন এবং বৈধতা নিশ্চিত করতে, সকল ট্যাগের সঠিকভাবে বন্ধনসহ ব্যবহার করা উচিত। সেলফ-ক্লোজিং ট্যাগগুলিতে / স্ল্যাশ ব্যবহার করার মাধ্যমে এগুলোর একক সমাপ্তি নিশ্চিত হয়। এই নিয়মগুলোর মাধ্যমে এক্সএইচটিএমএল ডকুমেন্টের সঠিকতা, সামঞ্জস্য এবং মান বজায় থাকে।
XHTML (Extensible Hypertext Markup Language) একটি ওয়েব ডকুমেন্ট তৈরি করার জন্য HTML-এর উন্নত সংস্করণ, যা XML-এর নিয়মাবলী অনুসরণ করে। XHTML-এর মূল বৈশিষ্ট্য হল এর কঠোর গঠন এবং ডকুমেন্টের সঠিকতা নিশ্চিত করা। এটি একটি অত্যন্ত কড়া স্ট্যান্ডার্ড যা ওয়েব পেজের গঠন, সিনট্যাক্স এবং বৈধতা নির্ধারণ করে।
একটি বৈধ XHTML ডকুমেন্ট তৈরি করতে কিছু নির্দিষ্ট নিয়ম অনুসরণ করতে হয়। এই নিয়মগুলো HTML-এর তুলনায় আরো কঠোর, যা ওয়েব পেজের বৈধতা নিশ্চিত করে এবং XML স্ট্যান্ডার্ডে ডকুমেন্টের সঠিকতা নিশ্চিত করতে সহায়তা করে।
১. বৈধ XHTML ডকুমেন্ট তৈরি করার নিয়মাবলী
XHTML ডকুমেন্টের জন্য কিছু মৌলিক নিয়মাবলী রয়েছে যা নিশ্চিত করে যে ডকুমেন্টটি W3C-এর স্ট্যান্ডার্ড মেনে চলছে। এসব নিয়ম মেনে চলতে হবে:
১.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 ট্যাগে XML নামস্পেস
XHTML ডকুমেন্টের <html> ট্যাগে xmlns অ্যাট্রিবিউট থাকা আবশ্যক, যা ডকুমেন্টের XML নামস্পেস নির্ধারণ করে।
<html xmlns="http://www.w3.org/1999/xhtml">
১.3 সব ট্যাগ বন্ধ করতে হবে
XHTML-এ সব ট্যাগ সঠিকভাবে বন্ধ করতে হয়। HTML-এ যেসব ট্যাগ অটোমেটিক্যালি বন্ধ হয়ে যায় (যেমন <li>, <p>, <div>, ইত্যাদি), XHTML-এ সেগুলিও সঠিকভাবে বন্ধ করা আবশ্যক।
<p>This is a paragraph.</p>
<img src="image.jpg" alt="Sample Image" />
এখানে <img /> ট্যাগটি একটি বন্ধনসহ ব্যবহৃত হয়েছে, যা XHTML-এর একটি প্রয়োজনীয়তা।
১.4 কেস সেনসিটিভিটি
XHTML একটি কেস সেনসিটিভ (case-sensitive) ভাষা, যার মানে হলো ট্যাগ এবং অ্যাট্রিবিউট নাম ছোট হাতের অক্ষরে লিখতে হবে। উদাহরণস্বরূপ, <title> এবং <BODY> এর মধ্যে পার্থক্য রয়েছে, যেখানে <title> সঠিক এবং <BODY> সঠিক নয়।
<title>My Page</title>
১.5 অ্যাট্রিবিউট মানের কোটেশন
XHTML-এ, সমস্ত অ্যাট্রিবিউটের মান কোটেশনে থাকতে হবে। যেমন:
<img src="image.jpg" alt="Sample Image" />
এখানে, src এবং alt অ্যাট্রিবিউটের মান কোটেশনে দেয়া হয়েছে।
২. XHTML ডকুমেন্টের জন্য কিছু গুরুত্বপূর্ণ নিয়মাবলী
২.1 অ্যাট্রিবিউট ভ্যালিউয়ে কেস সেনসিটিভিটি
XHTML-এ অ্যাট্রিবিউট ভ্যালিউয়ে কেস সেনসিটিভিটি থাকতে হবে। এর মানে হলো, কিছু নির্দিষ্ট অ্যাট্রিবিউট যেমন id, name ইত্যাদি ছোট হাতের অক্ষরে থাকবে।
<form action="submit.php" method="post">
২.2 ব্রাউজারে সঠিকভাবে রেন্ডারিং
যেহেতু XHTML XML ভিত্তিক ভাষা, তাই ব্রাউজারগুলো এক্সএইচটিএমএল ডকুমেন্টগুলিকে সঠিকভাবে রেন্ডার করার জন্য কঠোর নিয়ম অনুসরণ করে। যদি ডকুমেন্টে কোনো ত্রুটি থাকে, তাহলে তা সঠিকভাবে প্রদর্শিত নাও হতে পারে। তাই কোডের বৈধতা নিশ্চিত করা খুবই গুরুত্বপূর্ণ।
২.3 নেস্টিং নিয়ম
XHTML-এ ট্যাগগুলোর সঠিক নেস্টিং (nesting) থাকা উচিত। এক ট্যাগের মধ্যে অন্য ট্যাগ থাকা এবং সেগুলোর সঠিকভাবে বন্ধ করা অপরিহার্য। ভুল নেস্টিং বা ভুল বন্ধন কারণে XHTML ডকুমেন্টটি বৈধ হবে না।
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
এখানে <ul> ট্যাগের মধ্যে <li> ট্যাগগুলো সঠিকভাবে নেস্ট করা হয়েছে।
৩. XHTML ডকুমেন্টে প্রযোজ্য কিছু অতিরিক্ত নিয়ম
৩.1 সোর্স কোডের সঠিকতা
XHTML ডকুমেন্টের সোর্স কোডটি সব সময় সঠিক হতে হবে। কোনো অপ্রয়োজনীয় স্পেস, ভুল ট্যাগ, বা অনুপস্থিত বন্ধন XHTML ডকুমেন্টের বৈধতাকে ক্ষতিগ্রস্ত করতে পারে।
৩.2 লাইভ ডিবাগিং
XHTML ডকুমেন্টে যদি কোনো ত্রুটি থাকে, তবে ব্রাউজার সেই ত্রুটিগুলি প্রদর্শন করতে পারে। আপনি W3C-এর HTML Validator ব্যবহার করে আপনার XHTML কোডের বৈধতা পরীক্ষা করতে পারেন।
৩.3 অপ্রয়োজনীয় স্পেস এবং কমেন্ট
অপ্রয়োজনীয় ফাঁকা জায়গা (spaces) বা কমেন্টের ভুল ব্যবহার XHTML-এ গ্রহণযোগ্য নয়। সব কমেন্ট এবং ফাঁকা জায়গা সঠিকভাবে ব্যবহার করতে হবে।
<!-- This is a comment -->
<p>This is valid XHTML.</p>
XHTML ডকুমেন্টের বৈধতা নিশ্চিত করার জন্য কিছু কঠোর নিয়ম মেনে চলতে হয়। XHTML হল একটি XML ভিত্তিক ভাষা, যেখানে সকল ট্যাগ এবং অ্যাট্রিবিউটকে সঠিকভাবে লিখতে হয়। XHTML ডকুমেন্টে কেস সেনসিটিভিটি, বন্ধনসহ ট্যাগ ব্যবহার, এবং অ্যাট্রিবিউট মানের কোটেশন অনুসরণ করা অপরিহার্য। এই নিয়মগুলো মেনে চললে আপনি একটি সঠিক এবং বৈধ XHTML ডকুমেন্ট তৈরি করতে পারবেন।
Read more
