طراحی وب

XHTML چیست

اسماعیلی

XHTML چیست ؟ چطور HTML را به XHTML تبدیل کنیم؟

آموزش HTML درس سی و یکم

XHTML چیست ؟

XHTML چیست : مخفف EXtensible HyperText Markup Language است.

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

XHTML سخت تر از HTML است.

XHTML همان HTML است که به عنوان یک اپلیکیشین XML تعریف می شود.

XHTML توسط تمام مرورگرهای اصلی پشتیبانی می شود.

چرا XHTML؟

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

این کدهای HTML در بیشتر مرورگرها خوب کار می کنند (حتی اگر از قوانین HTML پیروی نکنند)


<html>
<head>
  <title>This is bad HTML</title>

<body>
  



<h1>Bad HTML
  

This is a paragraph
</body>

بازار امروز شامل تکنولوژی های مختلف مرورگر است. برخی از مرورگر ها بر روی رایانه ها اجرا می شوند، و برخی مرورگرها بر روی تلفن های همراه یا سایر دستگاههای کوچک اجرا می شوند. دستگاههای کوچکتر اغلب فقدان قدرت یا منبع برای تفسیر نشانه گذاری های بد دارند. XML یک زبان نشانه گذاری است که در آن اسناد باید به درستی نشانه گذاری شوند(باید به خوبی شکل گرفته باشند). در آموزش های XML که بعداً در خدمت شما خواهیم بود با ترکیب نقاط قوت HTML و XML و XHTML با هم توسعه داده شده است.

XHTML همان HTML است که به عنوان XML طراحی شده است.

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

ساختار سند

• XHTML DOCTYPE اجباری است
• ویژگی xmlns در <html> اجباری است
• <html>، <head>، <title> و <body> اجباری هستند

عناصر XHTML

• عناصر XHTML باید به درستی قرار داده شوند
• عناصر XHTML همیشه باید بسته شوند
• عناصر XHTML باید در حروف کوچک باشند
• اسناد XHTML باید یک عنصر ریشه داشته باشد

XHTML Attributes

• نامهای مشخص باید در حروف کوچک باشند
• مقادیر مشخصه باید نقل قول شوند
• به حداقل رساندن ویژگی ممنوع است

<….. DOCTYPE! > لازم است

XHTML چیست : یک سند XHTML باید یک اعلامیه XHTML DOCTYPE داشته باشد.
عناصر <html>، <head>، <title> و <body> نیز باید باشند، و attribute 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>
  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 باید همیشه بسته شوند

این غلط است :



This is a paragraph


This is another paragraph

این درست است :




This is a paragraph



This is another paragraph

عناصر خالی نیز باید بسته شوند

این غلط است :

A break: 
A horizontal rule: 

<hr>


An image: <img src="happy.gif" alt="Happy face">

این درست است:

A break: 
A horizontal rule: 

<hr />


An image: <img src="happy.gif" alt="Happy face" />

عناصر XHTML باید با حروف کوچک نوشته شوند:

این غلط است :


<BODY>


<P>This is a paragraph</P>


</BODY>

این درست است:


<body>


This is a paragraph

</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 هر صفحه اضافه کنید
۳. تمام نام های عناصر را به حروف کوچک تغییر دهید
۴. تمام عناصر خالی را ببندید
۵. تمام نامهای ویژگی را به حروف کوچک تغییر دهید
۶. تمام مقادیر ویژگی را در نقل قول(کوتیشین) قرار دهید