مقایسه با XHTML (vs. XHTML)
XHTML نسخه ای سخت گیرانه و XML-محور از HTML است. یعنی باید هر چیز دقیق و تمیز نوشته شود. مرورگرها در HTML خطاها را می بخشند؛ اما در XHTML قوانین جدی تر است.
XHTML چیست؟
XHTML مخفف Extensible HyperText Markup Language است. یعنی HTML به عنوان برنامه XML تعریف شده و همه مرورگرهای مهم از آن پشتیبانی می کنند.
چرا XHTML معرفی شد؟
XML می گوید سند باید «خوب ساخت» باشد. پس XHTML آمد تا HTML را قابل گسترش تر کند و با قالب های دیگر هماهنگ شود. همچنین خطادادن را سخت گیرانه تر کرد.
تفاوت های مهم با HTML
- <!DOCTYPE> اجباری است.
- ویژگی xmlns در <html> اجباری است.
- <html>، <head>، <title>، <body> اجباری هستند.
- المان ها باید درست تو در تو شوند.
- المان ها باید همیشه بسته شوند.
- نام المان ها حتماً حروف کوچک باشند.
- نام ویژگی ها حتماً حروف کوچک باشند.
- مقادیر ویژگی ها همیشه کوتیشن داشته باشند.
- کوتاه نویسی ویژگی ها ممنوع است.
XHTML و اجباری
باید و xmlns را تعیین کنی و چهار تگ پایه حضور داشته باشند.
<!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>
<em>some content here...</em>
</body>
</html>
تو در تویی درست المان ها
المان ها باید مرتب باز و بسته شوند. اشتباه جابجایی نکن.
<b><i>Some text</i></b>
<b><i>Some text</b></i>
بستن همه المان ها
هر تگ باید جفت بسته داشته باشد. تگ خالی هم باید بسته شود.
<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" />
حروف کوچک، ویژگی های کوچک
نام تگ ها و ویژگی ها باید با حروف کوچک باشند.
<body>
<p>This is a paragraph</p>
</body>
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
کوتیشن و منع کوتاه نویسی ویژگی ها
همیشه مقدار ویژگی ها را داخل کوتیشن بگذار. کوتاه نویسی نکن.
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />
اعتبارسنجی با W3C Validator
می خواهی مطمئن شوی درست نوشتی؟ صفحه ات را با اعتبارسنج W3C بررسی کن.
<form method="get" action="https://validator.w3.org/check" target="_blank">
<input name="uri" size="60" value="https://www.w3schools.com/html/html_validate.html" />
<input type="submit" value="Validate the page" />
</form>
جمع بندی سریع
- XHTML سخت گیر و XML-محور است.
- DOCTYPE و xmlns الزامی هستند.
- همه تگ ها را درست ببند.
- نام ها و ویژگی ها را کوچک بنویس.
- کوتیشن فراموش نشود؛ کوتاه نویسی ممنوع.