ورود به کارتابل مشتریان وب مهراز
XHTML در HTML
یادگیری HTML
تعداد بازدید :
5125
تاریخ و ساعت انتشار :
دو شنبه 13 دی 1395 08:12
HTML و XHTML
XHTML چیست؟
XHTML مخفف EXtensible HyperText Markup Language می باشد.
تقریبا با HTML برابر است.
از HTML تاكیدی تر است.
سندی HTML است كه به عنوان یك برنامه XML تعریف شده است و توسط همه مرورگر های مهم ، پشتیبانی می شود.
چرا XHTML؟
بسیاری از صفحات در اینترنت حاوی HTML "بد" می باشند.
كد HTML زیر در بسیاری از مرورگر ها به درست عمل خواهد كرد (حتی اگر از قوانین HTML تبعیت نكند):
XHTML
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>دنیای اینترنت و وب امروز شامل تكنولوژی های مختلفی از مرورگر ها می باشد. برخی مرورگر ها بر روی كامپیوتر ها ،برخی بر روی موبایل و برخی بر روی دستگاه های كوچكتری اجرا می شوند. دستگاه های كوچكتر ممكن است به علل مختلفی ، كدها را به درستی تفسیر نكنند.
XML زمانی مورد استفاده است كه اسناد باید به درستی كدنویسی شده باشند (در فرمت صحیح نوشته شده باشند)
XHTML همان HTML است كه به عنوان XML باز-طراحی شده است.
مهمترین تفاوت های XHTML با HTML
ساختار سند :
تعیین DOCTYPE در XHTML اجباری است.
نوشتن صفت xmlns در تگ <html> اجباری است.
نوشتن <html>, <head>, <title>, و <body> در XHTML اجباری است.
عناصر XHTML :
عناصر تو در توی XHTML باید به درستی نوشته شوند.
عناصر در XHTML حتما باید بسته شوند.
عناصر XHTML حتما باید با حروف كوچك نوشته شوند.
سند XHTML حتما باید یك عنصر ریشه داشته باشد.
صفت ها در XHTML :
نام صفت ها باید با حروف كوچك باشند.
مقدار صفات باید حتما در كوتیشن مارك قرار گیرند.
حداقل سازی در صفت ها ممنوع است.
ِDOCTYPE در XHTML
اسناد XHTML باید یك بیانیه داشته باشند.عنصر <html> ، <head> ، <title> و <body> باید حتما نوشته شوند و صفت xmlns در <html> باید مشخص كننده namespace XML برای سند باشد.
مثال زیر نمونه ای از سند 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>این یک پاراگراف است
<p>این هم یک پاراگراف دیگر استنمونه صحیح :
روش صحیح بستن کد ها
<p>این یک پاراگراف است</p>
<p>این هم یک پاراگراف دیگر است</p>عناصر تهی نیز حتما باید تگ پایان داشته باشند
نمونه اشتباه :تگ های تهی
یک سطر فاصله <br>
یک خط افقی <hr>
یک تصویر8 <img src="happy.gif" alt="Happy face">نمونه صحیح :
بستن تگ های تهی
یک سطر فاصله <br />
یک خط افقی <hr />
یک تصویر <img src="happy.gif" alt="Happy face" />عناصر در XHTML حتما باید با حروف كوچك نوشته شوند
نمونه اشتباه :بزرگی حروف تگ ها
<BODY>
<P>این یک پاراگراف است</P>
</BODY>نمونه صحیح :
کوچکی حروف تگ ها
<body>
<p>این یک پاراگراف است</p>
</body>نام صفات در XHTML حتما باید با حروف كوچك نوشته شوند
نمونه اشتباه :بزرگی حروف صفات
<table WIDTH="100%">نمونه صحیح :
کوچکی حروف صفات
<table width="100%">مقادیر صفات در XHTML حتما باید داخل كوتیشتن نوشته شوند
نمونه اشتباه :
مقدار صفات
<table width=100%>نمونه صحیح :
کوتیشن در مقدار صفات
<table width="100%">کوتاه نویسی صفات ممنوع است
نمونه اشتباه :
کوتاه نویسی صفات
<input type="checkbox" name="vehicle" value="car" checked />نمونه صحیح :
کوتاه نویسی صفات ممنوع است
<input type="checkbox" name="vehicle" value="car" checked="checked" />چگونه HTML را به XHTML تبدیل كنیم :
یك <!DOCTYPE> به اولین خط از كد هر صفحه اضافه كنید. یك صفت xmlns به عنصر <HTML> همه صفحات اضافه كنید.همه نام های عناصر را به حروف كوچك تغییر دهید.
همه عناصر تهی را با تگ پایان ببندید.
همه نام های صفات را به حروف كوچك تغییر دهید.
همه مقادیر صفات را داخل كوتیشن قرار دهید.
برای بررسی صحت كد های خود می توانید از اعتبار سنج W3C یا همان كنسرسیوم جهانی وب ، استفاده كنید.
نظر شما
>