HTML در مقابل XHTML
HTML , XHTML ای است که به‌صورت XML نوشته می‌شود.[۱]
محتویات
- ۱ XHTML چیست؟
- ۲ چرا XHTML؟
- ۳ مهمترین تفاوت ها نسبت به HTML
- ۴ <!DOCTYPE ....> الزامی است
- ۵ عنصرهای XML باید به‌درستی تودرتو شوند
- ۶ عنصرهای XHTML باید همیشه بسته شوند
- ۷ عنصرهای خالی هم باید بسته شوند
- ۸ عنصرهای HTML باید با حروف کوچک باشند
- ۹ نام ویژگی های XHTML باید با حروف کوچک باشد
- ۱۰ مقدار ویژگی ها باید نقل قول شود (داخل " " باشد)
- ۱۱ کمینه سازی (به انگلیسی: Minimization) ویژگی ممنوع است
- ۱۲ نحوه تبدیل HTML به XHTML
- ۱۳ تأیید اعتبار HTML با اعتبارسنج W3C
- ۱۴ منابع آموزشی
XHTML چیست؟[ویرایش | ویرایش]
XHTML (سرواژهٔ: EXtensible HyperText Markup Language) به معنای زبان نشانه‌گذاری فرامتن قابل توسعه است.
- XHTML تقریباً شبیه HTML است
- XHTML سخت‌گیرتر از HTML است
- HTML, XHTML ای است که بعنوان یک کاربرد XML تعریف می‌شود
- XHTML توسط همه مرورگرهای اصلی پشتیبانی می‌شود
چرا XHTML؟[ویرایش | ویرایش]
بسیاری از صفحات اینترنت دارای HTML «بد» هستند.
این کد HTML در اکثر مرورگرها بخوبی کار می‌کند (حتی اگر از قواعد HTML پیروی نکند):
1 <html>
2 <head>
3 <title>This is bad HTML</title>
4
5 <body>
6 <h1>Bad HTML
7 <p>This is a paragraph
8 </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 را با حداقل تگ‌های مورد نیاز نشان می‌دهد:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4 <html xmlns="http://www.w3.org/1999/xhtml">
5
6 <head>
7 <title>Title of document</title>
8 </head>
9
10 <body>
11 some content
12 </body>
13
14 </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 باید همیشه بسته شوند[ویرایش | ویرایش]
این نادرست است:
1 <p>This is a paragraph
2 <p>This is another paragraph
این درست است:
1 <p>This is a paragraph</p>
2 <p>This is another paragraph</p>
عنصرهای خالی هم باید بسته شوند[ویرایش | ویرایش]
این نادرست است:
1 A break: <br>
2 A horizontal rule: <hr>
3 An image: <img src="happy.gif" alt="Happy face">
این درست است:
1 A break: <br />
2 A horizontal rule: <hr />
3 An image: <img src="happy.gif" alt="Happy face" />
عنصرهای HTML باید با حروف کوچک باشند[ویرایش | ویرایش]
این درست است:
1 <BODY>
2 <P>This is a paragraph</P>
3 </BODY>
این نادرست است:
1 <BODY>
2 <P>This is a paragraph</P>
3 </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[ویرایش | ویرایش]
40px ساخت نمونه مثال این بخش در دست اقدام است.
منابع آموزشی[ویرایش | ویرایش]