html xhtml
XHTML چیست؟
XHTML مخفف Extensible HyperText Markup Language
(زبان نشانه گذاری ابرمتن توسعه پذیر) است.
XHTML تقریبا با HTML 4.01 یکسان است
XHTML سخت گیرانه تر و تمیزتر از نسخه HTML 4.01 است
HTML ، XHTML را در قالب یک برنامه XML تعریف می نماید
XHTML توسط تمام مرورگرهای اصلی پشتیبانی می شود
چرا XHTML ؟
بسیاری از صفحات بر روی اینترنت شامل HTML بد (bad) هستند
(منظور نشانه گذاری ناقص و یا حتی نادرست است)
کد HTML زیر به خوبی کار می کند اگر شما آن را در مرورگر ببینید (حتی اگر این کد از
قوانین HTML پیروی نکند)
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
XHTML یک زبان نشانه گذاریست جایی که اسناد باید به فرم خوب و به طور صحیح
نشانه گذاری شوند ، اگر شما می خواهید XML را مطالعه کنید لطفا از آموزش XML ما
بازدید کنید.
نشانه گذاری های امروزه شامل فن آوری های مرورگرهای مختلف می باشد
برخی از مرورگرها بر روی کامپیوتر ها اجرا می شوند ، برخی از مرورگرها بر روی
موبایل ها یا دیگر دستگاه های کوچک اجرا می شوند ، دستگاه های کوچک اغلب فاقد
منابع یا قدرت تفسیر زبان نشانه گذاری بد هستند
بنابراین از ترکیب تقاط قوت HTML و XHTML ، XML توسعه یافت
HTML ، XHTML را در قالب XML طراحی مجدد کرده است
مهمترین تفاوت ها نسبت به HTML :
ساختار اسناد:
XHTML DOCTYPE اجباریست
خصیصه فضای نام XML در تگ html اجباریست <html>
تگ های html و head و title و body اجباری هستند
عناصر XHTML :
عناصر XHTML باید به درستی تو در تو باشند
عناصر XHTML همیشه باید بسته باشند
عناصر XHTML همیشه باید با حروف کوچک باشند
اسناد XHTML باید یک عنصر ریشه داشته باشند
خصیصه های XHTML :
نام خصیصه باید با حروف کوچک باشد
مقدار خصیصه باید درون " " باشد
کوچک سازی خصیصه Attribute minimization ممنوع است
توضیح Attribute minimization: برخی از خصیصه ها در HTML مقدار نداشتند مانند
خصیصه های زیر:
<dl compact>
<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>اما در XHTML باید مقدار آن ها را برابر نام خود خصیصه قرار دهیم به شکل زیر:
<dl compact="compact">
<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />اجباریست <!DOCTYPE ....> تگ
یک سند XHTML باید یک اعلان داکتایپ XHTML داشته باشد
لیست کاملی از تمام داکتایپ های XHTML در مرجع تگ های HTML ما یافت می شود
عناصر <html> و <head> و <body> و <title> باید حتما موجود باشند و خصیصه
xmlns در تگ <html> باید فضای نام 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>
......
</body>
</html>
عناصر XHTML باید به درستی تو در تو باشند
در 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" />
نام خصیصه باید با حروف کوچک باشد
نمونه ی زیر اشتباه است :
<table WIDTH="100%">
نمونه ی زیر صحیح است :
<table width="100%">
مقدار خصیصه باید درون " " باشد
نمونه ی زیر اشتباه است :
<table width=100%>
نمونه ی زیر صحیح است :
<table width="100%">
کوچک سازی خصیصه Attribute minimization ممنوع است
نمونه ی زیر اشتباه است :
<dl compact>
<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>نمونه ی زیر صحیح است :
<dl compact="compact">
<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />چگونگی تبدیل کردن HTML به XHTML :
تگ داکتایپ XHTML را به اولین خط هر صفحه اضافه کنید
خصیصه xmlns را به عنصر html هر صفحه اضافه کنید
نام تمام عناصر را به حروف کوچک تغییر دهید
تمام عناصر خالی را ببندید
نام تمام خصیصه ها را به حروف کوچک تغییر دهید
تمام مقادیر خصیصه ها باید درون " " باشد
معتبر ساختن XHTML با اعتبارسنج W3C
آزمون تستی XHTML :
این آزمون شامل 20 سوال است که محدودیت زمانی ندارد ، این آزمون رسمی نیست
فقط یک راه خوب برای فهمیدن این است که شما چقدر در رابطه با XHTML می دانید یا
نمی دانید برای هر پاسخ صحیح 1 امتیاز می گیرید ؛ در پایان آزمون ، مجموع امتیاز
نمایش داده خواهد شد ؛ بیشترین نمره 20 امتیاز است.
بسیار عالی