تفاوت بین HTML و XHTML چیست ؟

شاید این سوال برای شما هم مطرح شده باشد که به راستی تفاوت HTML و XHTML در چیست؟ اگر بخواهیم در یک جمله به این سوال پاسخ دهیم، می توان گفت XHTML نسخه بهبود یافته HTML است. ابتدا HTML برای ساخت صفحات وب عرضه شد و همزمان با پیشرفت های وب این زبان نیز تا نسخه HTML 4.0 ارتقا داده شد. با عرضه نسخه HTML 4.01 این زبان با قواعد XML ترکیب و در نهایت XHTML عرضه شد. بنابراین تفاوت میان HTML 4.01 و XHTML بسیار ناچیز است و خوب است بدانید عمده تفاوت بین HTML و XHTML قوانینی است که در نوشتن کدها باید مورد توجه قرار دهید تا صفحه وب شما بر پایه XHTML پیاده سازی شده باشد. در این ارسال تفاوت های اندک و ساده بین کدهای HTML و XHTML را شرح خواهم داد.

● مهمترین تفاوت های XHTML و HTML

  1. در XHTML بستن تمامی تگ ها الزامی است.
  2. در XHTML باید تقدم و تاخر باز و بسته شدن تگ ها رعایت شود.
  3. در XHTML نام تگ ها و خاصیت های آنها باید با حروف کوچک نوشته شود.
  4. فایل XHTML باید حاوی یک عنصر ریشه <html> باشد.
  5. کلیه تصاویر باید دارای توضیح باشند.

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

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

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

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

تفاوت کدهای xhtml و html

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

فرق html و xhtml

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

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

مقایسه html و xhtml

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

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

سایت xhtml

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

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

فرق های زبان htmlو xhtml

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

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

نظرات (16) -

Loading