شاید این سوال برای شما هم مطرح شده باشد که واقعا تفاوت XHTML-HTML در چیست؟ اگر بخواهیم در یک جمله به این سوال پاسخ دهیم، می توان گفت XHTML نسخه بهبود یافته HTML است. ابتدا HTML برای ساخت صفحات وب عرضه شد و همزمان با پیشرفت های وب این زبان نیز تا نسخه HTML 5/0 ارتقا داده شد.
با عرضه نسخه HTML 4/01 این زبان با قواعد XML ترکیب و در نهایت XHTML عرضه شد. بنابراین میان HTML 4/01 – XHTML بسیار ناچیز است و خوب است بدانید عمده تفاوت بین XHTML-HTML قوانینی است که در نوشتن کدها باید مورد توجه قرار دهید تا صفحه وب شما بر پایه XHTML پیاده سازی شده باشد.
در این مطلب تفاوت های اندک و ساده بین کدهای XHTML-HTML را شرح خواهیم داد.
برخی از مهمترین تفاوت های XHTML-HTML
۱- در XHTML بستن تمامی تگ الزامی است.
۲- در XHTML باید تقدم و تاخر باز و بسته شدن تگ ها رعایت شود.
۳- در XHTML نام تگ ها و خاصیت های آنها باید با حروف کوچک نوشته شوند.
۴- فایل XHTML باید حاوی یک عنصر ریشه باشد.
۵- کلیه تصاویر باید دارای توضیح باشند.
توضیحات و مثال های تفاوت های XHTML-HTML
۱- الزام در بستن تگ ها : در HTML شما می توانستید پایان تگ ها را باز بگذارید و بستن همه تگ ها الزامی نبود. اما در HTML همه عناصر و تگ ها باید بسته شوند. حتی تگ های یک قسمتی نیز مانند تگ هایی که در بین آنها عناصر دیگری قرار می گیرند نیز باید بسته شوند :
تگ های غیر خالی که در بین آنها می توان عنصر دیگری قرار داد :
عبارت زیر دیگر درست نیست :
This is a paragraph
This is another paragraph
عبارت زیر درست است :
This is a paragraph
This is another paragraph
تگ های خالی تک قسمتی :
عبارت زیر دیگر درست نیست :
A break :
A horizontal rule :
An image :
عبارت زیر درست است :
A break :
A horizontal rule :
An image :
۲- تقدم و تاخر باز و بسته شدن تگ ها : در HTML تقدم بسته شدن تگ های تودرتو در برخی از عناصر اهمیتی نداشت. اما در XHTML تگ داخل عنصر باید قبل از بسته شدن عنصر بیرونی بسته شود. یعنی تگی که در داخل یک عنصر باز شده است، باید داخل همان عنصر بسته شود :
عبارت زیر دیگر درست نیست :
This Text is bold and italic
عبارت زیر درست است :
This Text is bold and italic
۳- نوشتن نام تگ ها و خاصیت ها با حروف کوچک : کوچک یا بزرگ بودن حروف در HTML اهمیتی نداشت، در حالی که XHTML کلیه تگ ها و خاصیت های آنها باید با حروف کوچک نوشته شوند :
عبارت زیر دیگر درست نیست :
This is a paragraph
عبارت زیر درست است :
This is a paragraph
۴- داشتن عنصر ریشه : کلیه محتوای صفحه وب باید در داخل یک عنصر ریشه قرار بگیرند. سایر عناصر باید به طور مناسب با رعایت تقدم و تاخر باز و بسته شدن در داخل عنصر ریشه و یکدیگر قرار بگیرند :
عبارت زیر دیگر درست نیست :
…
…
عبارت زیر درست است :
…
…
۵- نوشتن توضیحات برای تصاویر : کلیه عناصر باید دارای خاصیت Alt باشند که در آن توضیحاتی در مورد تصویر داده شده است.
عبارت زیر دیگر درست نیست :
عبارت زیر درست است :
تفاوت های بین زبان XHTML-HTML را ملاحظه کردید که با مثال به نوع تفاوت آنها پرداخته شد، در ادامه سری آموزشی از زبان HTML به تفکیک برچسب ها و تگ ها، به آموزش این زبان مهم صفحات وب خواهیم پرداخت.
