اینجا هستید :
خانه طراحی وبسایت آموزش HTML تفاوت زبان های XHTML-HTML در صفحات وب

تفاوت زبان های XHTML-HTML در صفحات وب

شاید این سوال برای شما هم مطرح شده باشد که واقعا تفاوت 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 باید حاوی یک عنصر ریشه <html> باشد.

۵- کلیه تصاویر باید دارای توضیح باشند.

تفاوت زبان های XHTML - HTML در صفحات وب | کدنویسی به زبان ساده - youcode.ir

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

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

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

عبارت زیر دیگر درست نیست :

<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=”happy.gif” alt=”Happy face”>

عبارت زیر درست است :

A break : <br/>

A horizontal rule : <hr/>

An image : <img src=”happy.gif” alt=”Happy face”/>

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

عبارت زیر دیگر درست نیست :

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

عبارت زیر درست است :

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

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

عبارت زیر دیگر درست نیست :

<BODY>

<P>This is a paragraph</p>

</BODY>

عبارت زیر درست است :

<body>

<P>This is a paragraph</p>

</body>

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

عبارت زیر دیگر درست نیست :

<head> … </head>

<body> … </body>

عبارت زیر درست است :

<html>

<head> … </head>

<body> … </body>

</html>

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

عبارت زیر دیگر درست نیست :

<img src=”happy.gif” />

عبارت زیر درست است :

<img src=”happy.gif” alt=”Happy face” />

تفاوت های بین زبان XHTML-HTML را ملاحظه کردید که با مثال به نوع تفاوت آنها پرداخته شد، در ادامه سری آموزشی از زبان HTML به تفکیک برچسب ها و تگ ها، به آموزش این زبان مهم صفحات وب خواهیم پرداخت.

درباره نویسنده

حسن بهرمندپور حسن بهرمندپور هستم، فارغ التحصیل مهندسی نرم افزار..علاقه شخصی ام یادگیری زبان های کاربردی مثل سی شارپ،PHP و اندروید هست.. دوست دارم در این زمینه هر تجربه و اطلاعاتی دارم با شما دوستان به اشتراک بگذارم..♥

۸ دیدگاه

  1. welearn.ir

    خیلی ممنونم

  1. فریدونی

    عرض سلام و عرض ادب خدمت شما.
    ممنون از توضیحات و درسنامه های منظم و بسیار خوبتون.
    میشه لطف کنید و من رو برای پیدا کردن جلسه ی ششم ب بعد آموزش html راهنمایی کنید. هر چی میگردم پیداش نمیکنم.
    با تشکر

      1. سلام خدمت شما دوست عزیز..

        در حال آماده سازی و تالیف مطالب ادامه ی بخش HTML هستیم.

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

        بخاطر همین کمی زمانبر شده ولی طی روزهای آینده مطالب جدیدی در این حوزه قرار داده خواهد شد.

          1. فریدونی

            از لطف و زحمات شما متشکرم.
            منتظر ادامه ی مطالبت خوبتون هستم.
            موفق باشید.

  1. حسن رضا محمدی

    سلام استاد
    اگر یه سایت برای ما بسازی چقدر می گیری
    به وبلاگ مام سر بزن

      1. سلام..خوبی..صد البته به نوع سایت و امکاناتی که میخوای بستگی داره عزیزم…برای اطلاعات بیشتر میتونی ایمیل و تماس بگیری..
        info@youcode.ir – 09101959698

ارسال دیدگاه