এইচটিএমএল এবং এক্সএইচটিএমএল - HTML & XHTML



এক্সএইচটিএমএল (XHTML) হল আসলে এইচটিএমএল (HTML) যা এক্সএমএল (XML) হিসেবে লেখা হয়।


এক্সএইচটিএমএল কি?

XHTML-এর পূর্ণরূপ EXtensible Hyper Text Markup Language
এইচটিএমএল এবং এক্সএইচটিএমএল প্রায় একই রকম
এক্সএইচটিএমএল এইচটিএমএলের চেয়ে কঠোর
এক্সএইচটিএমএল প্রায় সকল ব্রাউজারে সাপোর্ট করে


এক্সএইচটিএমএল কেন ব্যবহার করা হয়?

ইন্টারনেটে এইচটিএমএল অনেক পেজ রয়েছে যাদের গঠনপ্রণালী সঠিক নয়। যদিও এই পেজের কোডগুলো এইচটিএমএলের নিয়ম অনুসরন করে না তারপরও সকল ব্রাউজারে এই কোড গুলো কাজ করে।

উদাহরণ

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

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


বর্তমানে বাজারে বিভিন্ন ব্রাউজার রয়েছে। কিছু ব্রাউজার কম্পিউটারে চলে, এবং কিছু ব্রাউজার মোবাইল ফোনে বা অন্য ছোট ডিভাইসগুলিতে ছলে। ক্ষুদ্রতর ডিভাইসগুলির মধ্যে প্রায়ই "খারাপ" মার্কআপ ব্যাখ্যা করার জন্য resources বা শক্তি নেই।

এক্সএমএল একটি মার্কআপ ল্যাঙ্গুয়েজ যেখানে ডকুমেন্ট সঠিকভাবে চিহ্নিত করা আবশ্যক ("ভালভাবে গঠিত" হতে হবে)। এইচটিএমএল এবং এক্সএমএল সমন্বয় করে এক্সএইচটিএমএল তৈরি করা হয়েছে। XHTML বা এক্সএইচটিএমএল হল HTML বা এইচটিএমএল যেটা, এক্সএমএল বা XML হিসাবে ডিজাইন করা হয়েছে।


এইচটিএমএল এবং এক্সএইচটিএমএলের পার্থক্য

ডকুমেন্টের গঠন

এক্সএইচটিএমএল DOCTYPE অবশ্যই ডিক্লেয়ার করতে হবে,
<html>-এ অবশ্যই xmlns এট্রিবিউট থাকতে হবে,
এক্সএইচটিএমএল ডকুমেন্টে <html>, <head>, <title> এবং <body> অবশ্যই থাকতে হবে।

এক্সএইচটিএমএল এলিমেন্ট

এলিমেন্টকে সঠিকভাবে নেস্টেড হতে হবে,
এলিমেন্টের ক্লোজিং ট্যাগ অবশ্যই দিতে হবে,
এলিমেন্ট অবশ্যই ছোট হাতের অক্ষরে হতে হবে,
ডকুমেন্টে অবশ্যই একটি মূল এলিমেন্ট থাকতে হবে।

এক্সএইচটিএমএল এট্রিবিউট

এট্রিবিউটের নাম অবশ্যই ছোট হাতের অক্ষরে লিখতে হবে,
এট্রিবিউট মান অবশ্যই কোটেশনের("") মধ্যে থাকবে,
এট্রিবিউট সংক্ষিপ্ত আকারে লিখা নিষিদ্ধ।


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

এক্সএইচটিএমএল ডকুমেন্টে অবশ্যই এক্সএইচটিএমএল DOCTYPE ডিক্লেয়ার করতে হবে। ডকুমেন্টে <html>, <head>, <title> এবং <body> এলিমেন্ট অবশ্যই থাকতে হবে এবং <html> এর সাথে অবশ্যই xmlns এট্রিবিউট ব্যবহার করতে হবে।

আমাদের ডকটাইপ রেফারেন্স টিউটোরিয়াল এ এক্সএইচটিএমএল Doctype সম্পর্কে আরও তথ্য আছে। নিচে একটি উদাহরন দেখুন।

উদাহরণ

<!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>




সঠিক ভাবে নেস্তেড হতে হবে

এইচটিএমএল কোডের কোন কোন এলিমেন্ট সঠিকভাবে নেস্টেড না হলেও কাজ করে। যেমন নিচে একটি উদাহরণ দেখুন।

উদাহরণ

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


এক্সএইচটিএমএল এ, সকল এলিমেন্ট গুলো অবশ্যই একটি অন্যটির সাথে সঠিকভাবে নেস্টেড হতে হবে। নিচে একটি উদাহরণ দেখুন।

উদাহরণ

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




এক্সএইচটিএমএলে ক্লোজিং ট্যাগ বাধ্যতামূলক

HTML এ ক্লোজিং ট্যাগ বাধ্যতামূলক নয়, কিছু কিছু এলিমেন্ট ক্লোজিং ট্যাগ না হলেও ঠিক ভাবে কাজ করে। কিন্তু XHTML এ সকল ট্যাগের ক্লোজিং ট্যাগ থাকতে হবে। তাই XHTML এর জন্য নিচের উদাহরণটি ভুল।

উদাহরণ

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


XHTML এর জন্য নিচের উদাহরণটি সঠিক হবে।

উদাহরণ

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




এম্পটি এলিমেন্টকে ক্লোজ করা বাধ্যতামূলক

XHTML এর সকল এম্পটি এলিমেন্টকে ব্যাকস্লাশ ব্যবহার করে ক্লোজ করা বাধ্যতামূলক। নিচে একটি উদাহরন দেখুন।

উদাহরণ

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




এলিমেন্ট অবশ্যই ছোট হাতের অক্ষরে হবে

এক্সএইচটিএমএল এর এলিমেন্ট গুলো অবশ্যই ছোট হাতের অক্ষরে লিখতে হবে। নিচে একটি উদাহরণ দেখুন, যেখানে ভুল ভাবে কোড লিখা হয়েছে।

উদাহরণ

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


নিচে সঠিক পদ্ধতি দেখুন।

উদাহরণ

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




এট্রিবিউটের নাম অবশ্যই ছোট হাতের অক্ষরে হবে

এক্সএইচটিএমএল এর এট্রিবিউট গুলোর নাম অবশ্যই ছোট হাতের অক্ষরে লিখতে হবে। নিচে একটি উদাহরণ দেখুন, যেখানে ভুল ভাবে কোড লিখা হয়েছে।

উদাহরণ

<table WIDTH="100%">


নিচে সঠিক পদ্ধতি দেখুন।

উদাহরণ

<table width="100%">




এট্রিবিউটের মান কোটেশনের("") মধ্যে রাখা

XHTML এর এট্রিবিউটের মান গুলো অবশ্যই কোটেশনের("") মধ্যে রাখতে হবে। নিচে একটি উদাহরণ দেখুন, যেখানে ভুল ভাবে কোড লিখা হয়েছে।

উদাহরণ

<table width=100%>


নিচে সঠিক পদ্ধতি দেখুন।

উদাহরণ

<table width="100%">




এট্রিবিউট সংক্ষিপ্ত করা নিষিদ্ধ

XHTML এ এট্রিবিউট সংক্ষিপ্ত করা নিষিদ্ধ। নিচে একটি উদাহরণ দেখুন, যেখানে ভুল ভাবে কোড লিখা হয়েছে।

উদাহরণ

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


নিচে সঠিক পদ্ধতি দেখুন।

উদাহরণ

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




HTML থেকে XHTML এ রূপান্তর


1. প্রতিটি পেজের প্রথম লাইনের XHTML <! DOCTYPE> যুক্ত করতে হবে!
2. সকল ওয়েব পেজের HTML এলিমেন্টে একটি xmlns অ্যাট্রিবিউট যোগ করতে হবে,
3. সকল এলিমেন্টের নাম ছোট হাতের অক্ষরে পরিবর্তন করতে হবে,
4. সকল খালি বা empty এলিমেন্টে ক্লোজিং ট্যাগ বা ব্যাকস্লাশ ব্যবহার করে বন্ধ করতে হবে,
5. সকল অ্যাট্রিবিউটের নাম ছোট হাতের অক্ষরে পরিবর্তন করতে হবে,
6. সকল অ্যাট্রিবিউটের মান কোটেশনের("") মধ্যে রাখতে হবে।


W3C Validator ব্যবহার

কোন এইচটিএমএল ডকুমেন্ট পরীক্ষা করতে হলে W3C Validator ব্যবহার করা যায়। যে এইচটিএমএল ডকুমেন্ট পরীক্ষা করতে হবে সেই ওয়েব পেজের URL নিচের বক্স এ লিখে "Validate the page" বাটনে ক্লিক করতে হবে।








এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Report or suggest about this page

Copyright 2016-2018 by websschool.com, All Rights Reserved.