HTML در مقابل XHTML

از ویکی‌کد
(تغییرمسیر از HTML در مقابل xhtml)
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷جداول
۱۸لیست‌ها
۱۹بلوک‌ها
۲۰کلاس‌ها
۲۱شناسه
۲۲Iframeها
۲۳جاوا اسکریپت
۲۴مسیرهای فایل
۲۵سرصفحه
۲۶چیدمان‌ها
۲۷واکنش‌گرا
۲۸کد کامپیوتری
۲۹معنایی‌ها
۳۰راهنمای استایل
۳۱موجودیت‌ها
۳۲نماد‌ها
۳۳ایموجی‌ها
۳۴مجموعه کاراکترها
۳۵رمزگذاری URL
۳۶HTML و XHTML
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
مرجع HTML

HTML , XHTML ای است که به‌صورت XML نوشته می‌شود.[۱]

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 یک زبان نشانه‌گذاری است که در آن سندها باید به درستی نشانه‌گذاری شوند (بخوبی شکل گرفته باشند).

اگر می‌خواهید XML را مطالعه کنید آموزش 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 را داشته باشد.

لیست کامل همهٔ XHTML Doctypeها را می‌توانید در مرجع تگ‌های HTML ما بیابید.


عنصرهای <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

  1. یک XHTML <!DOCTYPE> به خط اول هر صفحه اضافه کنید
  2. یک ویژگی xmlns به عنصر html در هر صفحه اضافه کنید
  3. نام همه عناصر را به حروف کوچک تبدیل کنید
  4. همه عنصرهای خالی را ببندید
  5. نام همه ویژگی‌ها را به حروف کوچک تبدیل کنید
  6. مقدار همه ویژگی‌ها را داخل " " قرار دهید

تأیید اعتبار HTML با اعتبارسنج W3C

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.



منابع آموزشی