طراحی قالب وردپرس

تفاوت 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 دنبال شد.

 HTMLو XHTML

تفاوت 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/javascript”>
<![CDATA [
document.write(” Hi Friends “);
] ]>
</script>

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

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

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

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

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

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

طراحی شده توسط تیم توسعه و طراحی آرنیکاوب - بروزرسانی در فروردین 1398