خدمات طراحی سایت و دیجیتال مارکتینگ

تفاوت html و xhtml در چیست؟

XHTML زبان امتدادپذیر نشانه‌گذاری فرامتن یا (EXtensible HyperText Markup Language)

HTML در ابتدا برای ساخت صفحات وب ساخته شد و تا HTML 4.0 هم ارتقا داده شد. با عرضه نسخه  HTML 4.01  این زبان با قواعد XHTML که در واقع زبان آینده وب خواهد بود ترکیب شد  و در نهایت XHTML در تاریخ ۲۶ ژانویه سال ۲۰۰۰  به عنوان آخرین نسخه html حال حاضر معرفی و وارد بازار شد. تفاوت بین HTML 4.01 و XHTML بسیار ناچیز است. این زبان، نسل جدید زبان وب می باشد که دارای یکسری اصول و قوانین خاص است تا کمبودهای HTML را در مورد دستگاههای کوچک الکترونیکی مانند تلفن های همراه که به وب هم متصل می شوند را جبران کند.

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

حتما بخوانید: مزایای HTML5 چیست؟

در حال حاضر سه نوع 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/javascript”>
<![CDATA [
document.write(” Hi Friends “);
] ]>
</script>

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

همچنین می توانید برای آموزش کامل تر به آدرس زیر مراجعه کنید :

http://w3.webmehraz.ir/html/html_editors.aspx

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

خواندن مطالب زیر را نیز به شما پیشنهاد میکنیم:

پرسش و پاسخ، نظر

سوال یا نظری دارید؟ بنویسید و ارسال کنید.

طراحی شده توسط تیم توسعه و طراحی آرنیکاوب
×