XHTML چیست؟
- XHTML مخفف عبارت eXtensible Hypertext Markup Language است
- یک نسخه سختگیرانه تر و مبتنی بر XML از زبان نشانه گذاری HTML است.
- XHTML یک HTML است که به عنوان یک برنامه XML تعریف شده است.
- توسط همه مرورگرها پشتیبانی می شود.
چرا از XHTML استفاده کنیم؟
XML یک زبان نشانه گذاری است که در آن همه اسناد باید به درستی نشانه گذاری شوند (خوش فرم باشند)
XHTML برای گسترش و انعطاف پذیری HTML برای کار با سایر فرمت های داده (مانند XML) توسعه یافته است. علاوه بر این، مرورگر ها خطاهای مربوط به صفحات HTML را نادیده می گیرند و سعی میکنند وبسایت را نمایش دهند حتی اگر در علامت گذاری خطایی داشته باشند.
بنابراین XHTML با رفتار سختگیرانه تری نسبت به خطاها عمل می کند.
تفاوت XHTML با HTML
- مشخص کردن doctype در XHTML اجباری است.
- مشخص کردن ویژگی xmlns در تگ html در XHTML اجباری است.
- مشخص کردن تگ های html, head, title و body در XHTML اجباری است.
- در XHTML عناصر تودرتو همیشه باید به درستی مشخص شده باشند.
- در XHTML عناصر همیشه باید تگ بسته داشته باشند.
- در XHTML عناصر همیشه باید با حرف کوچک نوشته شوند.
- در XHTML نام ویژگی ها همیشه باید با حرف کوچک نوشته شوند.
- در XHTML مقادیر ویژگی ها همیشه باید درون جفت علامت نقل قول قرار بگیرند.
- مختصر نویسی ویژگی ها در XHTML ممنوع است.
مشخص کردن doctype در xhtml
یک سند XHTML باید دارای عنوان XHTML <!DOCTYPE> باشد.
تگ های html, head, title و body باید در XHTML وجود داشته باشند و ویژگی xmlns نیز در تگ html باید مشخص شود تا فضای نام XML سند را مشخص کند.
مثال: در زیر یک سند XHTML ایجاد کرده ایم که در آن عناصر مشخص شده زیر نیاز است.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content here...
</body>
</html>
بیشتر بدانیم : قرارداد طراحی سایت با نمونه
درستی قرار گیری عناصر تودرتو در XHTML
در XHTML عناصر تودرتو همیشه باید به درستی درون یک دیگر قرار بگیرند.
مثال: در زیر دو نمونه از عناصر تودرتو را برای شما آورده ایم که یکی اشتباه و دیگری درست است.
درست:
<b><i>Some text</i></b>
اشتباه:
<b><i>Some text</b></i>
بیشتر بدانیم : قرارداد اینستاگرام (ادمین یا مدیریت) قابل دانلود و کامل
بستن تگ در XHTML اجباری است
در XHTML همه تگ هایی که باز می کنید باید بسته شوند.
مثال: در زیر دو نمونه برای شما آورده ایم که یکی اشتباه و دیگری درست است.
درست:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
اشتباه:
<p>This is a paragraph
<p>This is another paragraph
عناصر بدون تگ بسته در XHTML
عناصری که در HTML تگ بسته شدن ندارن مانند br, hr, img و غیره، در XHTML باید با یک slash در پایان تگ بسته شوند.
مثال: در زیر دو نمونه برای شما آورده ایم که یکی اشتباه و دیگری درست است.
درست:
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">
بیشتر بدانیم : قرارداد سئو همراه با نمونه
نوشتن عناصر در XHTML با حرف کوچک
در XHTML نام عناصر همیشه باید با حرف کوچک نوشته شوند.
مثال: در زیر دو نمونه برای شما آورده ایم که یکی اشتباه و دیگری درست است.
درست:
<body>
<p>This is a paragraph</p>
</body>
اشتباه:
<BODY>
<P>This is a paragraph</P>
</BODY>
نوشتن ویژگی عناصر در XHTML با حرف کوچک
در XHTML ویژگی عناصر همیشه باید با حرف کوچک نوشته شوند.
مثال: در زیر دو نمونه برای شما آورده ایم که یکی اشتباه و دیگری درست است.
درست:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
اشتباه:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
بیشتر بدانیم : خدمات پشتیبانی سایت + موارد، هزینه و تعرفه ها
مقادیر ویژگی های عناصر در XHTML
مقادیر ویژگی های عناصر در XHTML باید همیشه درون یک جفت کوتیشن (جفت علامت نقل قول) قرار بگیرند.
مثال: در زیر دو نمونه برای شما آورده ایم که یکی اشتباه و دیگری درست است.
درست:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
اشتباه:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>
مختصر نویسی ویژگی ها در XHTML
برخی از ویژگی ها را در HTML می توان به صورت مختصر نوشت مانند ویژگی checked، که در XHTML مختصر نویسی آن ممنوع است.
مثال: در زیر دو نمونه برای شما آورده ایم که یکی اشتباه و دیگری درست است.
درست:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled />
اشتباه:
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />
بیشتر بدانیم : آموزش کار با فرم ها (form) در html
