XHTML هو HTML كما هو مكتوب XML.
ما هي XHTML؟
- XHTML لتقف على لغة التوصيف الموسعة فرط النص
- XHTML هو مطابق تقريبا لHTML
- XHTML هو أكثر صرامة من HTML
- وHTML محددة XHTML كتطبيق XML
- ويدعم XHTML من قبل جميع المتصفحات الرئيسية
لماذا XHTML؟
العديد من الصفحات على شبكة الإنترنت تحتوي على "bad" HTML.
هذا الكود يعمل بشكل جيد في معظم المتصفحات (even if it does not follow the HTML rules) :
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>يتكون السوق اليوم التكنولوجيات المتصفح مختلفة. تشغيل بعض المتصفحات على أجهزة الكمبيوتر، وبعض المتصفحات تعمل على الهواتف النقالة أو الأجهزة الصغيرة الأخرى. غالبا ما تفتقر أجهزة أصغر الموارد أو القدرة على تفسير "bad" الترميز.
XML هي لغة توصيف حيث يجب أن تكون وضعت الوثائق بشكل صحيح (be "well-formed") .
إذا كنت ترغب في الدراسة XML، يرجى قراءة XML تعليمي .
من خلال الجمع بين نقاط القوة في HTML و XML، وقد وضعت XHTML.
XHTML هو HTML إعادة تصميم كما XML.
أهم الاختلافات من HTML:
هيكل وثيقة
- XHTML DOCTYPE إلزامي
- و xmlns السمة في <html> إلزامي
- <html> ، <head> ، <title> ، و <body> إلزامية
XHTML عناصر
- عناصر XHTML يجب أن properly nested
- يجب دائما أن عناصر XHTML closed
- يجب أن تكون عناصر XHTML في lowercase
- يجب أن يكون المستندات XHTML one root element
سمات XHTML
- يجب أن تكون أسماء السمة في lower case
- يجب أن تكون قيم السمة quoted
- والتقليل السمة forbidden
<!DOCTYPE ....> إلزامي
يجب أن يكون وثيقة XHTML إعلانا DOCTYPE XHTML.
قائمة كاملة لجميع Doctypes XHTML وجدت في منطقتنا HTML العلامات المرجعية.
و <html> ، <head> ، <title> ، و <body> يجب أيضا أن تكون عناصر الحالي، و xmlns يعزو في <html> يجب تحديد مساحة أكس للمستند.
يوضح هذا المثال وثيقة 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>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" />XHTML عناصر يجب أن تكون في حالة انخفاض
هذا خطأ:
<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%">السمة تقليل ممنوع
خطأ:
<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 من كل صفحة
- تغيير جميع أسماء العناصر إلى أحرف صغيرة
- إغلاق كافة العناصر الفارغة
- تغيير جميع أسماء السمة إلى أحرف صغيرة
- اقتباس عن قيم السمات
التحقق من صحة XHTML مع W3C المصادقة
وضع عنوان الويب الخاص بك في المربع أدناه: