تفاوت xhtml و html چیست؟
هر مرورگر وب ، داخل خود یک نوع 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 نام تگ ها و خاصیت های آن ها باید با حروف کوچک نوشته