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

با شروع به نوشتن HTML دقیق، می‌توانید برای XHTML آماده شوید.

چگونه برای XHTML آماده شویم

XHTML و HTML 4.01 استانداردها با یکدیگر تفاوت‌های زیادی ندارند.

بنابراین ارتقاء کد خود به نسخه 4.01 یک شروع خوب است. ما کامل‌تریندستورالعمل‌های HTML 4.01به شما کمک می‌کند تا این کار را انجام دهید.

علاوه بر این، باید بلافاصله شروع به نوشتن کد HTML با حروف کوچک کنید و هرگز عادت به نادیده گرفتن برچسب‌هایی مانند </p> نداشته باشید.

امیدوارم از کدنویسی لذت ببرید!

تغییرات اصلی:

  • عناصر XHTML باید به درستی درون یکدیگر قرار گیرند.
  • عناصر XHTML باید بسته شوند.
  • نام‌های برچسب باید به صورت حروف کوچک نوشته شوند.
  • مستند XHTML باید دارای عناصر ریشه باشد.

عناصر باید به درستی درون یکدیگر قرار گیرند

در HTML، برخی از عناصر می‌توانند به این صورت به درستی درون یکدیگر قرار نگیرند:

<b><i>این متن تیره و ایتالیک است</b></i>

در XHTML، تمام عناصر باید به این صورت به درستی درون یکدیگر قرار گیرند:

<b><i>این متن تیره و ایتالیک است</i></b></b>

توضیح:یک اشتباه معمول در لیست‌های تو در تو، فراموش کردن این است که لیست‌های داخلی باید در داخل عناصر li قرار گیرند، مانند:

این اشتباه است:

<ul>
  <li> قهوه
  <li> چای
    <ul>
      <li> چای سیاه
      <li> چای سبز
    </ul>
  <li> شیر
</ul>

این درست است:

<ul>
  <li> قهوه
  <li>چای
    <ul>
      <li> چای سیاه
      <li> چای سبز
    </ul>
  </li>
  <li> شیر
</ul>

توجه داشته باشید: در مثال‌های کد صحیح، ما یک برچسب </ul> بعد از </li> قرار داده‌ایم.

عناصر XHTML باید بسته شوند

برچسب‌های غیر خالی باید با استفاده از برچسب پایان بسته شوند.

این اشتباه است:

<p>این یک پاراگراف است
<p>این یک پاراگراف دیگر است

این درست است:

<p>این یک پاراگراف است</p>
<p>این یک پاراگراف دیگر است</p>

برچسب‌های خالی نیز باید بسته شوند

برچسب‌های خالی نیز باید با استفاده از برچسب پایان بسته شوند، یا برچسب شروع باید بسته شود/>پایان.

این اشتباه است:

یک شروع جدید: <br>
یک خط افقی: <hr>
یک تصویر: <img src="happy.gif" alt=" صورت خوشحال">

این درست است:

یک شروع جدید: <br />
یک خط افقی: <hr />
یک تصویر: <img src="happy.gif" alt=" صورت خوشحال"> />

عناصر XHTML باید به صورت کوچک نوشته شوند

规范 تعریف می‌کند: نام‌های برچسب و جفت‌های ویژگی‌ها حساس به حروف بزرگ و کوچک هستند.

این اشتباه است:

<BODY>
<P>این یک پاراگراف است</P>
</BODY>

این درست است:

<body>
<p>این یک پاراگراف است</p>
</body>

یک سند XHTML باید یک عنصر ریشه داشته باشد

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

<html>
<head> ... </head>
<body> ... </body>
</html>