جت

تفاوت Html و XHtml چیست؟

تفاوت Html و XHtml چیست؟
 ۱۳۹۷/۹/۳ | ۰۳:۴۷
خلاصه این مطلب: در این مقاله سعی شده است تفاوت بین Html و XHtml به طور جامع و کامل توضیح داده شود و با مثال هایی کاربردی مفهوم آنها بیان گردد.

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

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

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

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

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

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

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

تفاوت html و xhtml

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

تفاوت html و xhtml

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

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

تفاوت html و xhtml

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

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

تفاوت html و xhtml

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

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

تفاوت html و xhtml

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

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

تفاوت html و xhtml

  نظرات کاربران (0 نظر)
شما هم می توانید در مورد این مطلب نظر دهید نظر خود را بنویسید
با دوستان خود به اشتراک بگذارید
محصولات مرتبط