تفاوت های HTML با XHTML

XHTML 1.0 یک فرمولبندی تازه از HTML بر پایه XML است. به XHTML 1.0 میتوان به عنوان یک گذار ایدئولوژیک از HTML 4.0 نگاه کرد که به خاطر تاثیر XML از لحاظ فنی سختگیرانه تر است.

XHTML در مرورگر شما عینا مشابه HTML نمایش داده میشود. اگر هر احتمالی مبنی بر نیاز یا قصد شما به پردازش مجدد محتوا وجود دارد ممکن است ترجیح دهید از XHTML استفاده کنید. به عنوان مثال برای ارسال آن به یک PDA قواعد ترکیب سختگیرانه تر XML پردازش خودکار XHTML را بسیار ساده تر و ارزانتر از HTML معمولی میکند.

از لحاظ ایدئولوژیک XHTML مفاهیم کلی زیر را از HTML به ارث میبرد :

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

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

شیوه های فنی مهم XML در XHTML عبارتند از :

* اینکه تمامی انواع سند توسط اعلام DOCTYPE صحیح شناسایی شده هستند.
* اینکه ساختار یک سند در حال مطابقتی که حاوی اعلام DOCTYPE است، یک عنصر HTML با یک اعلام XHTML ، یک عنصر head که در برگیرنده عنصر title است و یک عنصر body .
* اینکه تمامی عناصر و نامهای ویژگی ها با حروف کوچک نوشته میشوند و اینکه تمامی مقادیر به صورت نقل قول باشند. (درون یک جفت " قرار گیرند)
* اینکه تمامی عناصر غیر تهی (p، li و...) به درستی با یک برچسب بسته پایان یافته اند.
* اینکه تمام عناصر تهی (br، hr، img و ...) به درستی با یک ممیزدنباله پایان یافته اند.
* اینکه اسناد در مقابل DTD که اعلام شده تعیین اعتبار گردند.

تفاوتهای اصلی که با هم دارند:

- در xhtml همه ی عناصر حتما باید به درستی تو در تو قرار بگیرند.

در حالی که در html ممکن بود گاهی عبارات تو در تو را جابجا نوشته و مشکلی به وقوع نمی پیوست

 

حالا نکاتی را که باید در استفاده از این نسخه رعایت کنید:

نوشتن تگهای که در HTML اجباری نبود در XHTML اجباری است.

مقادیر خصوصیات در تگها باید بین دو علامت “…” قرار گیرند.

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

 

 توضیحات و مثال های تفاوت های HTML و XHTML

1. الزام در بستن تگ ها

در HTML شما می توانستید پایان تگ ها را باز بگذارید و بستن همه تگ ها الزامی نبود. اما در XHTML همه عناصر و تگ ها باید بسته شوند. حتی تگ های یک قسمتی نیز مانند تگ هایی که در بین آنها عناصر دیگری قرار میگیرند نیز باید بسته شوند :

تگ های غیر خالی که در بین آنها می توان عنصر دیگری قرار داد:

به این صورت نوشتن صحیح نیست:

<p> This is a paragraph

<p> This is another paragraph 

به این صورت نوشتن صحیح است: 

<p> This is a paragraph </p>

<p> This is another paragraph </p>

تگ های خالی تک قسمتی :

به این صورت نوشتن صحیح نیست:

A Break: <br>

A horizontal rule: <hr>

An image: <img src="test.jpg" alt="test">

به این صورت نوشتن صحیح است:

 

A Break: <br />

A horizontal rule: <hr />

An image: <img src="test.jpg" alt="test" />

2. تقدم و تاخر باز و بسته شدن تگ ها

در HTML تقدم بسته شدن تگ های تودرتو در برخی از عناصر اهمیتی نداشت. اما در XHTML تگ داخل عنصر باید قبل از بسته شدن عنصر بیرونی بسته شود. یعنی تگی که در داخل یک عنصر باز شده است باید داخل همان عنصر بسته شود:

به این صورت نوشتن صحیح نیست:

<b><i>This text is italic and bold</b></i>

به این صورت نوشتن صحیح است:

 

<b><i>This text is italic and bold</i></b>


3. نوشتن نام تگ ها و خاصیت ها با حروف کوچک

کوچک یا بزرگ بودن حروف در HTML اهمیتی نداشت در حالی که در XHTML کلیه تگ ها و خاصیت های آنها باید با حروف کوچک نوشته شوند :

به این صورت نوشتن صحیح نیست:

<BODY>

<p>This is a paragtaph</p>

</BODY>

به این صورت نوشتن صحیح است:

 

<body>

<p>This is a paragtaph</p>

</body>

 

4 .داشتن عنصر ریشه

کلیه محتوای صفحه وب باید در داخل یک عنصر ریشه <html> قرار بگیرند. سایر عناصر باید به طور مناسب با رعایت تقدم و تاخر باز وبسته شدن در داخل عنصر ریشه و یکدیگر قرار بگیرند:

به این صورت نوشتن صحیح نیست:

<head> . . . </head>

<body> . . . </body>

به این صورت نوشتن صحیح است:

 <html>

<head> . . . </head>

<body> . . . </body>

</html>

 

5. نوشتن توضیحات برای تصاویر

کلیه عناصر <img> باید دارای خاصیت alt باشند که در آن توضیحاتی در مورد تصویر داده شده است.

به این صورت نوشتن صحیح نیست:

<img src ="test.jpeg" />

به این صورت نوشتن صحیح است:

 

<img src ="test.jpeg" alt="image for test" />

 

 

 

لیست مطالب مرتبط

تفاوت ورژن Html4 با Html5

آشنایی با متا تگ های موثر در سئو بهینه سازی سایت های طراحی شده با Html

در طراحی و پیاده سازی صفحات وب و application های تحت وب، تکنولوژی های متعددی مورد استفاده قرار می گیرند که هر کدام کاربرد خاص خود را دارند.

متا دیتا به اطلاعاتی که در توصیف اطلاعات دیگر مورد استفاده قرار می گیرد گفته می شود.
تگهای متا کدها یا اصطلاحا تگهای زبان HTML هستند.

در این مقاله چندین بهینه ساز صفحات طراحی شده با زبان Html معرفی و نحوه ی کار با آنها توضیح داده می شود.