هر مرورگر وب ، داخل خود یک نوع DTD دارد و به همین دلیل است که یکسری از دستورات نسخه های مختلف HTML در بعضی از مرورگرها نمایش داده نمیشوند.

همچنین XHTML 1.0 از سه الگوی DTD استفاده میکند : Strict (سختگیرانه) ، Transitional (انتقالی) و Frameset. این الگو در اصل از HTML 4.0 پدیدار شد و در HTML 4.0.1 دنبال شد.

تفاوت HTMLو XHTML

در حال حاضر سه نوع DTD برای حالتهای مختلف وجود دارد:

حالت اول برای صفحه ای است که فقط از دستورات صحیح XHTML استفاده شده و برای مرورگرهایی است که از CSS پشتیبانی میکنند،

<! DOCTYPE HTML PUBLIC
“-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

حالت بعدی برای صفحه ای است که مخلوطی از کدهای HTML و XHTML باشد و مرورگرهاییکه از CSS پشتیبانی نمیکنند هم آنرا نمایش دهند،

<! DOCTYPE HTML PUBLIC
“-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

و حالت آخر هم برای استفاده عنصر فریم Frame در صفحه است،

<! DOCTYPE HTML PUBLIC
“-//W3C//DTD XHTML 1.0 Frameset//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

فراموش نکنید که نوشتن یکی از آنها اجباری است.

مهمترین تفاوت های HTML و XHTML

۱-      در XHTML بستن تمامی تگ ها الزامی است حال آنکه در HTML الزامی در بستن تگ ها وجود نداشت

<p >this is my html              HTML کد

<p>this is my html </p>    XHTML کد

۲-در html تقدم بسته شدن تگ های تودرتو اهمیتی نداشت  اما در XHTML تگ داخل عنصر باید قبل از بسته شدن عنصر بیرونی بسته شود

<b><i>this is my html </b></i>      HTML در

<b><i>this is my html </i></b>     XHTML در

۲-      نوشتن تگهای</head></body> که در HTML اجباری نبود در XHTML اجباری است

۳-      تمامی عناصر غیر تهی (p، li و…) به درستی با یک برچسب بسته پایان یافته اند

۴-      تمام عناصر تهی (br، hr، img و …) به درستی با یک ممیزدنباله پایان یافته اند

۵-      دیگر از تگ <!– ….. –> برای بیان نظریه و توضیح نمیتوانید استفاده کنید. در صورت نیاز مانند زیر عمل شود،

<[CDATA […comment…] ]>

۶-      دستورات فایل CSS باید به صورت حروف کوچک نوشته شوند و بهتر است که برای Style sheet از فایل خارجی استفاده کنید.

۷-      دستورات زبان جاوااسکریپت هم بهتر است در فایل خارجی باشد و توسط تگ <link> فراخوانی شوند ولی اگر میخواهید داخل XHTML DTD از آنها استفاده کنید باید مانند زیر عمل کنید:

<script language=”JavaScript”type=”text/j-avascript”>
<![CDATA [
document.write(” Hi Friends “);
] ]>
</script>

۸-      در XHTML نام تگ ها و خاصیت های آن ها باید با حروف کوچک نوشته