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

تفاوت 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

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

دیدگاهها و نظرات کاربران عزیز

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