مقدمه
با عرض سلام خدمت کاربران سایت پی وی لرن . در موضوعات آموزشی اخیر ، در مورد بحث نمایش کاراکترها و مبحث Encode ، توضیحاتی ارائه شد. در این بخش از آموزشهای html ، در این مطلب قصد داریم به مبحث بررسی ویژگی های HTML و XHTML ، مزایا و معایب و تفاوت های هر یک بپردازیم. HTML و XHTML هر دو با XML نوشته شده اند. و در اکثر ویژگی ها و ساختار شبیه هم هستند.
در ادامه ی این بخش ، به موضوع بررسی ویژگی های HTML و XHTML ، می پردازیم.
XHTML
بررسی ویژگی های HTML و XHTML
ابتدا به معرفی ویژگی های XHTML ، می پردازیم
XHTML چیست
- XHTML مخفف عبارت EXtensible HyperText Markup Language می باشد.
- XHTML ، تقریبا مشابه HTML است.
- XHTML از HTML ، سخت تر است.
- HTML و XHTML به عنوان برنامه XML معرفی شده اند.
- XHTML در تمام مرورگر های بزرگ پشتیبانی می شود.
دلایل استفاده از XHTML
بسیاری از صفحات اینترنتی حاوی محتوای بد HTML هستند.
این کد HTML در اغلب مرورگر ها خوب کار می کند:
مثال :
| <html> <head> <title>This is bad HTML</title> <body> <h1>Bad HTML <p>This is a paragraph </body> |
XML یک زبان نشانه گذاری است که در آن اسناد باید به درستی مشخص شوند.
XHTML با ترکیب نقاط قوت HTML و XML توسعه داده شد.
XHTML در واقع HTML است، که به صورت XML طراحی شده است.
مهمترین تفاوت های XHTML با HTML
ساختار اسناد
- تگ DOCTYPE در XHTML اجباری است.
- صفت xmlns ، در HTML ضروری است.
- تگ های <html>, <head>, <title> و <body>، در HTML ضروری است.
عناصر XHTML
- عناصر XHTML ، باید به خوبی بصورت تو در تو تعریف شوند.
- عناصر XHTM باید همیشه بسته شوند.
- عناصر XHTM ، باید به در قالب حروف کوچک تعریف شوند.
- عناصر XHTM ، باید یک عنصر والد داشته باشند.
صفات XHTML
- نام صفات باید با حروف کوچک تعریف شود.
- مقادیر صفات باید تعیین شود.
- به حداقل رساندن صفات، ممنوع است.
تعریف تگ DOCTYPE ، ضروری است
هر سند XHTML ، باید حتما دارای تگ DOCTYPE باشد.
مثال:
مثال :
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title of document</title> </head> <body> some content </body> </html> |
عناصر XHTML ، باید به خوبی تو در تو تعریف شده باشد.
در HTML ، برخی از عناصر به طور نامناسبی تو در تو تعریف می شود، مانند این مثال:
مثال :
| <b><i>This text is bold and italic</b></i> |
در XHTML ، تمام عناصر باید به خوبی تو در تو ، تعریف شوند ، یکی در داخل دیگری، مانند این مثال:
مثال :
| <b><i>This text is bold and italic</i></b> |
عناصر XHTML ، باید همیشه بسته شوند
حالت اشتباه :
مثال :
| <p>This is a paragraph <p>This is another paragraph |
حالت صحیح:
مثال :
| <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"> |
حالت صحیح :
مثال :
| A break: <br /> A horizontal rule: <hr /> An image: <img src="happy.gif" alt="Happy face" /> |
صفات هر تگ در XHTML ، باید با حروف کوچک تعریف شود
حالت اشتباه :
مثال :
| <BODY> <P>This is a paragraph</P> </BODY> |
حالت صحیح :
صفات نیز باید با حروف کوچک نوشته شوند
حالت اشتباه :
حالت صحیح :
مقادیر صفات حتما باید در داخل نقل قول (“”) ، تعریف شوند
حالت اشتباه :
حالت صحیح :
در XHTML ، صفات هر تگ باید کامل باشد
و به حداقل رساندن صفات ناردست است مانند این مثال:
مثال :
| <input type="checkbox" name="vehicle" value="car" checked="checked" /> |
این مثال در XHTML اشتباه است:
مثال :
| <input type="checkbox" name="vehicle" value="car" checked /> |
حالت اشتباه :
مثال :
| <input type="text" name="lastname" disabled /> |
حالت صحیح :
مثال :
| <input type="text" name="lastname" disabled="disabled" /> |
کلام آخر
در آخرین بخش فصل جاری شما را با تفاوت های شاخص ویژگی های HTML و XHTML و حالت های صحیح و استاندارد آشنا کردیم، در فصل آتی به فرم ها و ساختار عناصر فرم ها در HTML خواهیم پرداخت.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
