بررسی HTML و XHTML
XHTML یک نسخه ی سخت گیرانه تر از HTML است که بیشتر به XML وابسته است.
XHTML چیست؟
- نام XHTML از عبارت EXtensible HyperText Markup Language ایجاد می شود.
- XHTML از HTML سخت گیرانه تر است و به XML بیشتر وابسته است.
- XHTML یک کد HTML است که به صورت یک اپلیکیشن XML تعریف شده است.
- XHTML در تمام مرورگرهای بزرگ پشتیبانی می شود.
چرا Xhtml ؟
XML یک زبان علامت گذاری است به طوری که تمام اسناد باید به وسیله ی آن به درستی علامت گذاری شوند. XHTML طراحی شده است تا باعث شود HTML بیشتر توسعه یابد و انعطاف پذیرتر شود؛ تا بتواند با دیگر فرمت های ساده، (مانند XML) کار کند.
علاوه بر این، مرورگرها، خطاهای صفحات HTML را نادیده می گیرند و سعی می کنند وب سایت ها را حتی اگر در کدها خطایی وجود داشته باشد، نمایش دهند. بنابراین XHTML به میدان آمد و رسیدگی به خطاها را سخت گیرانه تر کرد.
برای مطالعه ی XML می توانید در W3schools به اینجا مراجعه کنید.
مهمترین تفاوت های XHTML با HTML
- استفاده از <!DOCTYPE> اجباری است.
- استفاده از خصوصیت xmlns در تگ <html> اجباری است.
- استفاده از تگ های <html> و <head> و <title> و <body> اجباری است.
- عناصر همواره باید به درستی به صورت تو درتو قرار گیرند.
- عناصر همواره باید با تگ پایانی خود، بسته شوند.
- عناصر همواره باید با حروف کوچک نشان داده شوند.
- نام خصوصیت ها نیز همواره باید با حروف کوچک باشد.
- مقادیر خصوصیت ها باید در داخل علامت های نقل قول قرار گیرند.
- کوچک کردن خصوصیت ها ممنوع است.
ضرورت استفاده از <!DOCTYPE> در XHTML
یک سند XHTML باید از یک اعلان <!DOCTYPE> استفاده کند. همچنین عناصر <html> و <head> و <title> و <body> نیز باید حضور داشته باشند و خصوصیت xmlns نیز باید فضای نام(namespace) XML را برای سند مشخص کند.
مثال شماره 1
در زیر، یک سند 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>
</head>
<body>
محتوا
</body>
</html>
عناصر همواره باید به درستی به صورت تو درتو قرار گیرند
در XHTML، عناصر همواره باید به درستی، در تودرتوی یکدیگر قرار گیرند، مانند زیر:
مثال شماره 2
عبارت زیر صحیح است:
<b><i>یک متن</i></b> مثال شماره 3
عبارت زیر اشتباه است:
<b><i>یک متن</b></i> در XHTML، عناصر خالی، همواره باید بسته شوند
در XHTML، عناصر خالی، همواره باید بسته شوند، مانند زیر:
مثال شماره 4
روش صحیح:
A break: <br />
A horizontal rule: <hr />
An image: <img src="/happy.gif" alt="Happy face" />مثال شماره 5
روش اشتباه:
A break: <br>
A horizontal rule: <hr>
An image: <img src="/happy.gif" alt="Happy face">
استفاده از حروف کوچک
در XHTML، نام عناصر همواره باید با حروف کوچک نوشته شود، مانند زیر:
مثال شماره 6
روش صحیح:
<body>
<p>This is a paragraph</p>
</body> مثال شماره 7
روش اشتباه:
<BODY>
<P>This is a paragraph</P>
</BODY>
کوچک بودن نام خصوصیت ها(attribute)
در XHTML، نام خصوصیت ها همواره باید با حروف کوچک نوشته شود، مانند زیر:
مثال شماره 7
روش صحیح:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a> مثال شماره 8
روش اشتباه:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
مقادیر خصوصیت ها در داخل نقل قول
در XHTML، مقادیر خصوصیت ها همواره باید در داخل علامت های نقل قول قرار گیرند، مانند زیر:
مثال شماره 9
روش صحیح:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a> مثال شماره 10
روش اشتباه:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a> کوچک کردن خصوصیت ها
در XHTML، کوچک کردن خصوصیت ها ممنوع است، مانند مثال های زیر:
مثال شماره 11
روش صحیح:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" /> مثال شماره 12
روش اشتباه:
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />
- بازدید: 323
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.