XHTML چیست

XHTML چیست ؟ چطور  HTML  را به  XHTML  تبدیل کنیم؟

آموزش  HTML  درس سی و یکم

XHTML چیست ؟

XHTML چیست  : مخفف EXtensible HyperText Markup Language است.

XHTML تقریباً با HTML مشابه است.

XHTML سخت تر از HTML است.

XHTML همان HTML است که به عنوان یک اپلیکیشین XML تعریف می شود.

XHTML توسط تمام مرورگرهای اصلی پشتیبانی می شود.

XHTML چیست
XHTML چیست

چرا XHTML؟

بسیاری از صفحات روی اینترنت شامل  HTML  بد هستند.

این کدهای  HTML  در بیشتر مرورگرها خوب کار می کنند (حتی اگر از قوانین  HTML  پیروی نکنند)

 


<html>
<head>
  <title>This is bad HTML</title>

<body>
  



<h1>Bad HTML
  

This is a paragraph
</body> 

 

بازار امروز شامل تکنولوژی های مختلف مرورگر است. برخی از مرورگر ها بر روی رایانه ها اجرا می شوند، و برخی مرورگرها بر روی تلفن های همراه یا سایر دستگاههای کوچک اجرا می شوند. دستگاههای کوچکتر اغلب فقدان قدرت یا منبع برای تفسیر نشانه گذاری های بد دارند. XML یک زبان نشانه گذاری است که در آن اسناد باید به درستی نشانه گذاری شوند(باید به خوبی شکل گرفته باشند). در آموزش های  XML  که بعداً در خدمت شما خواهیم بود  با ترکیب نقاط قوت  HTML  و  XML  و  XHTML   با هم توسعه داده شده است.

XHTML  همان  HTML  است که به عنوان  XML  طراحی شده است.

XHTML چیست
XHTML چیست

تفاوت های مهم HTML:

ساختار سند

• XHTML DOCTYPE اجباری است
• ویژگی xmlns در <html> اجباری است
• <html>، <head>، <title> و <body> اجباری هستند

حتما بخوانید:  لینک های html

عناصر XHTML

• عناصر XHTML باید به درستی قرار داده شوند
• عناصر XHTML همیشه باید بسته شوند
• عناصر XHTML باید در حروف کوچک باشند
• اسناد XHTML باید یک عنصر ریشه داشته باشد

XHTML Attributes

• نامهای مشخص باید در حروف کوچک باشند
• مقادیر مشخصه باید نقل قول شوند
• به حداقل رساندن ویژگی ممنوع است

<….. DOCTYPE! > لازم است

XHTML چیست : یک سند XHTML باید یک اعلامیه XHTML DOCTYPE داشته باشد.
عناصر <html>، <head>، <title> و <body> نیز باید باشند، و attribute xmlns در <html> باید فضای نام xml را برای سند مشخص کند.
این مثال یک سند XHTML را با حداقل برچسب های مورد نظر نشان می دهد:

 


<!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 باید همیشه بسته شوند

 

این غلط است :



This is a paragraph


This is another paragraph 

این درست است :




This is a paragraph



This is another paragraph

 

عناصر خالی نیز باید بسته شوند

این غلط است :

A break: 
A horizontal rule: 

<hr>


An image: <img src="happy.gif" alt="Happy face">

این درست است:

A break: 
A horizontal rule: 

<hr />


An image: <img src="happy.gif" alt="Happy face" />

 

حتما بخوانید:  موجودیت های html

عناصر  XHTML  باید با حروف کوچک نوشته شوند:

این غلط است :


<BODY>


<P>This is a paragraph</P>


</BODY> 

این درست است:


<body>


This is a paragraph

</body> 

ویژگی های  XHTML  باید با حروف کوچک نوشته شوند :

این غلط است :




<table WIDTH="100%"> 

این درست است:




<table width="100%"> 

مقدار ویژگی ها باید در کوتیشین قرار گیرد:

این غلط است :




<table width=100%> 

این درست است :




<table width="100%"> 

کوچک کردن ویژگی ها ممنوع است:

اشتباه :


<input type="checkbox" name="vehicle" value="car" checked />

درست:


<input type="checkbox" name="vehicle" value="car" checked="checked" /> 

اشتباه :


<input type="text" name="lastname" disabled /> 

درست:


<input type="text" name="lastname" disabled="disabled" /> 

نحوه تبدیل از HTML به XHTML

۱. XHTML <! DOCTYPE> را به خط اول هر صفحه اضافه کنید
۲. عنصر xmlns را به عنصر HTML هر صفحه اضافه کنید
۳. تمام نام های عناصر را به حروف کوچک تغییر دهید
۴. تمام عناصر خالی را ببندید
۵. تمام نامهای ویژگی را به حروف کوچک تغییر دهید
۶. تمام مقادیر ویژگی را  در نقل قول(کوتیشین)  قرار دهید

HTML را با Validator W3C تأیید کنید.

درس بعدی : فرم های  html

امتیاز کاربران به این مطلب
۱ نفر - میانگین: ۵
تلگرام

دیدگاه‌تان را ثبت کنید:

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سه + یازده =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی