HTML در مقابل XHTML
HTML , XHTML ای است که به‌صورت XML نوشته می‌شود.[۱]
XHTML چیست؟
XHTML (سرواژهٔ: EXtensible HyperText Markup Language) به معنای زبان نشانه‌گذاری فرامتن قابل توسعه است.
- XHTML تقریباً شبیه HTML است
- XHTML سخت‌گیرتر از HTML است
- HTML, XHTML ای است که بعنوان یک کاربرد XML تعریف می‌شود
- XHTML توسط همه مرورگرهای اصلی پشتیبانی می‌شود
چرا XHTML؟
بسیاری از صفحات اینترنت دارای HTML «بد» هستند.
این کد HTML در اکثر مرورگرها بخوبی کار می‌کند (حتی اگر از قواعد HTML پیروی نکند):
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
بازار امروز شامل تکنولوزی‌های مرورگر مختلفی می‌شود. برخی از مرورگرها در رایانه‌ها اجرا می‌شوند و برخی دیگر روی موبایل‌ها یا سایر دستگاه‌های کوچک. دستگاه‌های کوچکتر اغلب برای تفسیر نشانه‌گذاری (markup) کمبود منابع یا نیرو دارند.
XML یک زبان نشانه‌گذاری است که در آن سندها باید به درستی نشانه‌گذاری شوند (بخوبی شکل گرفته باشند).
.XHTML ترکیب قدرت HTML و XML توسعه یافته‌است.
HTML, XHTML ای است که بصورت XML مجدداً طراحی شده‌است.
مهمترین تفاوت ها نسبت به HTML
ساختار سند
- XHTML DOCTYPE الزامی است
- ویژگی xmlns در <html> الزامی است
- <html> ،<head> ،<title> و <body> اجباری هستند
عنصرهای XHTML
- عنصرهای XHTML باید به درستی تودرتو باشند
- عنصرهای XHTML باید همیشه بسته شوند
- عنصرهای XHTML باید با حروف کوچک (lowercase) باشند
- سندهای XHTML باید یک عنصر اصلی (root) داشته باشند
ویژگی‌های XHTML
- نام ویژگی‌ها باید با حروف کوچک باشد
- مقدار ویژگی‌ها باید نقل قول شده باشد (در بین علامت‌های " " قرار بگیرد)
- کمینه کردن (Minimization) ویژگی ممنوع است
<!DOCTYPE ....> الزامی است
یک سند XHTML باید اعلان XHTML DOCTYPE را داشته باشد.
عنصرهای <html> ،<head> ،<title> و <body> هم باید باشند و ویژگی xmlns در <html> باید فضای نام ((Namespace) xml) مربوط به سند را اختصاص دهد.
این مثال یک سند XHTML را با حداقل تگ‌های مورد نیاز نشان می‌دهد:
<!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>
عنصرهای XML باید به‌درستی تودرتو شوند
در HTML بعضی از عنصرها می‌توانند به خوبی داخل یکدیگر تودرتو شوند مانند:
<b><i>This text is bold and italic</b></i>
در XHTML همهٔ عنصرها باید به درستی در داخل یکدیگر تودرتو شوند مانند:
<b><i>This text is bold and italic</i></b>
عنصرهای XHTML باید همیشه بسته شوند
این نادرست است:
<p>This is a paragraph
<p>This is another paragraph
این درست است:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
عنصرهای خالی هم باید بسته شوند
این نادرست است:
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" />
عنصرهای HTML باید با حروف کوچک باشند
این درست است:
<BODY>
<P>This is a paragraph</P>
</BODY>
این نادرست است:
<BODY>
<P>This is a paragraph</P>
</BODY>
نام ویژگی های XHTML باید با حروف کوچک باشد
این نادرست است:
<table WIDTH="100%">
این درست است:
<table width="100%">
مقدار ویژگی ها باید نقل قول شود (داخل " " باشد)
این نادرست است:
<table width=100%>
این درست است:
<table width="100%">
کمینه سازی (Minimization) ویژگی ممنوع است
نادرست:
<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
- یک XHTML <!DOCTYPE> به خط اول هر صفحه اضافه کنید
- یک ویژگی xmlns به عنصر html در هر صفحه اضافه کنید
- نام همه عناصر را به حروف کوچک تبدیل کنید
- همه عنصرهای خالی را ببندید
- نام همه ویژگی‌ها را به حروف کوچک تبدیل کنید
- مقدار همه ویژگی‌ها را داخل " " قرار دهید
تأیید اعتبار HTML با اعتبارسنج W3C
ساخت نمونه مثال این بخش در دست اقدام است.
منابع آموزشی