اختلافات بین 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>

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

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

<ul>
  <li>Coffee</li>
  <li>چای</li>
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>
</ul>

این درست است:

<ul>
  <li>Coffee</li>
  <li>چای
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

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

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

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

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

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

این درست است:

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

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

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

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

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

این درست است:

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

عناصر XHTML باید حروف کوچک باشند

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

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

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

این درست است:

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

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

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

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