English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل الأساسيات لـ HTML

وسائل الاعلام في HTML

دليل مرجع HTML

دليل الأساسيات لـ HTML5

API لـ HTML5

وسائل الاعلام في HTML5

مقدمة إلى XHTML

XHTML هو HTML مكتوب بشكل XML

ما هو XHTML?

  • XHTML به معنای زبان نشانه‌گذاری ابرتекст قابل توسعه است

  • XHTML تقریباً مشابه HTML 4.01 است

  • XHTML نسخه‌ای سخت‌گیرانه‌تر و خالص‌تر از HTML است

  • XHTML به عنوان یک برنامه XML تعریف شده است

  • XHTML یک استاندارد پیشنهادی W3C در ژانویه 2001 منتشر شده است

  • XHTML از تمامی مرورگرهای اصلی پشتیبانی می‌شود

چرا از XHTML استفاده می‌کنیم؟

بسیاری از صفحات اینترنت شامل HTML "بد" هستند.

اگر کد زیر را در مرورگر مشاهده کنید، به درستی اجرا می‌شود (حتی اگر از قوانین HTML پیروی نکند):

<html>
<head>
<meta charset="utf-8">
<title>این یک HTML غیرقانونی است</title>
<body>
<h1>HTML غیرقانونی
<p>هذا هو فقرة
</body>

XML یک زبان نشانه‌گذاری است که باید به درستی برچسب‌گذاری و فرمت‌بندی شود.

در دنیای تکنولوژی امروز، برخی از تکنولوژی‌های مرورگر مختلف وجود دارد. برخی از آن‌ها در کامپیوترها اجرا می‌شوند، در حالی که برخی دیگر ممکن است در تلفن‌های همراه یا دستگاه‌های کوچک‌تر اجرا شوند. دستگاه‌های کوچک معمولاً منابع و توانایی برای تفسیر زبان‌های نشانه‌گذاری "بد" را ندارند.

بنابراین - با ترکیب مزایای XML و HTML، XHTML توسعه یافت. XHTML به عنوان HTML مجدداً طراحی شده برای XML است.

تفاوت‌های مهم با HTML:

ساختار مستند

  • DOCTYPE XHTMLاجباری هستند

  • ویژگی XML namespace در htmlاجباری هستند

  • html، head، title و body نیزاجباری هستند

نحوه عنصر

  • عناصر XHTML بایددرست درون‌بندی شوند

  • عناصر XHTML باید همیشهبسته شوند

  • عناصر XHTML بایدکوچک نوشته شود

  • مستندات XHTML بایدیک عنصر ریشه

نحوه ویژگی

  • ویژگی‌های XHTML باید باکوچک نوشته شود

  • مقدار ویژگی‌های XHTML باید بابا نقل قول‌ها احاطه شده

  • کاهش ویژگی‌های XHTML نیزممنوع

DOCTYPE ...> اجباری است

مستندات XHTML باید دارای اعلام نوع مستند XHTML باشند (XHTML DOCTYPE declaration).

شما می‌توانید تمامی اطلاعات کامل را در دفترچه مرجع تگ‌های آموزش پایه پیدا کنید نوع مستند XHTML.

html, head, title, و body عناصر نیز باید وجود داشته باشند، و باید از ویژگی 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>
  <meta charset="utf-8">
  <title>عنوان الوثيقة</title>
</head>
 
<body>
محتويات الوثيقة
</body>
 
</html>

يجب أن تكون عناصر XHTML مدمجة بشكل معقول

في HTML، يمكن لبعض العناصر أن لا تكون مدمجة بشكل معقول، مثل هذا:

<b><i>نص غامق ومائل</b></i>

في XHTML، يجب أن تكون جميع العناصر مدمجة بشكل معقول، مثل هذا:

<b><i>نص غامق ومائل</i></b>

يجب أن تحتوي عناصر XHTML على علامة إغلاق

مثال خطأ:

<p>هذا هو فقرة
<p>هذا هو فقرة آخر

مثال صحيح:

<p>هذا هو فقرة</p>
<p>هذا هو فقرة آخر</p>

يجب أن تحتوي العناصر الفارغة على علامة إغلاق

مثال خطأ:

كسر السطر:<br>
خط أفقي: <hr>
صورة: <img src="happy.gif" alt="وجه سعيد">

مثال صحيح:

كسر السطر:<br />
خط أفقي: <hr />
صورة: <img src="happy.gif" alt="وجه سعيد" />

يجب أن تكون عناصر XHTML صغيرة

مثال خطأ:

<BODY>
<P>هذا هو فقرة</P>
</BODY>

مثال صحيح:

<body>
<p>هذا هو فقرة</p>
</body>

يجب أن تكون أسماء الخاصيات صغيرة

مثال خطأ:

<table WIDTH="100%">

مثال صحيح:

<table width="100%">

يجب أن تحتوي قيمة الخاصية على علامات اقتباس

مثال خطأ:

<table width=100%>

مثال صحيح:

<table width="100%">

لا يُسمح باختصار الخاصيات

مثال خطأ:

<input checked>
<input readonly>
<input disabled>
<option selected>

مثال صحيح:

<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">

كيفية تحويل HTML إلى XHTML

  • إضافة <!DOCTYPE> XHTML إلى صفحتك

  • إضافة خاصية xmlns إلى كل عنصر HTML في كل صفحة

  • تغيير جميع العناصر إلى أحرف صغيرة

  • إغلاق جميع العناصر الفارغة

  • 修改所有的属性名称为小写

  • 所有属性值添加引号

  • 使用 W3C 验证器来测试你的 XHTML

    يرجى إدخال عنوان موقعك أدناه في الصندوق