قواعد نوشتاری و سینتکس XHTML

قوانین نوشتاری XHTML بسیار شبیه به HTML است و تقریبا همه عناصر معتبر HTML در XHTML نیز معتبر هستند. اما برای نوشتن یک سند XHTML مجبورید کمی بیشتر دقت به خرح دهید تا در سند HTML خود از قوانین XHTML پیروی کنید .

نکات مهمی که باید در هنگام نوشتن یک سند XHTML جدید و یا تبدیل سند HTML موجود به سند XHTML به خاطر داشته باشید عبارتند از:

سند XHTML باید یک اعلان DOCTYPE در بالای سند داشته باشد.
استفاده از برخی عناصر اجباری است
درج خاصیت XML namespace ( فضای نام ) در <html> الزامی است.
تمامی تگ ها و خاصیت های XHTML باید فقط با حروف کوچک نوشته شوند.
تمامی تگ های XHTML باید تگ پایان داشته باشند .
همه مقادیر خاصیت ها باید بین نقل قول نوشته شوند.
تمامی خاصیت ها باید مقدار داشته باشند.
خاصیت id جایگزین خاصیت name شده است.
خاصیت language تگ script، قدیمی و نامناسب شناخته شده است .
خاصیت lang باید همراه با XML استفاده شود
تمامی تگ ها باید به درستی ترکیب شوند.
توضیحات در داخل CDATA نوشته میشوند.
برای عنصرها ممنوعیت هایی در نظر گرفته شده است.

در ادامه درباره هر یک از این قوانین توضیحات بیشتری میدهیم .

۱ . سند XHTML باید یک اعلان DOCTYPE در بالای سند داشته باشد

همه اسناد XHTML باید یک اعلان DOCTYPE در بالای سند داشته باشند. سه نوع DOCTYPE هستند که جزئیات آن در آینده مورد بحث قرار خواهد گرفت. توجه داشته باشید که اعلان DOCTYPE یک عنصر XHTML، بخشی از سند XHTML نیست و فقط برای اعلام نوع سند مورد استفاده قرار میگیرد . در زیر مثالی از استفاده DOCTYPE در یک سند را مشاهده میکنید:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”<br />
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

1 2	<!DOCTYPE html PUBLIC“-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

۲ . استفاده از برخی عناصر اجباری است

اسناد XHTML باید شامل برخی از عناصر اجباری باشند. عناصر XHTML اجباری شامل html، title،body و head است . عنصر title باید در داخل عنصر head قرار بگیرد.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”<br />
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br />
<html><br />
<head><br />
<title>XHTML is cool</title><br />
</head><br />
<body><br />
XHTML is used to display<br />
content on webpages<br />
</body><br />
</html>

<!DOCTYPE html PUBLIC“-//W3C//DTD XHTML 1.0 Transitional//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html>

<head>

<title>XHTML iscool</title>

</head>

<body>

XHTML isused todisplay

content on webpages

</body>

</html>

۳ . درج خاصیت XML namespace ( فضای نام ) در <html> الزامی است

درXHTML ، ( فضای نام ) XML namespace باید به صورت یک خاصیت در تگ <html> معرفی شود :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”<br />
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br />
<html xmlns=”http://www.w3.org/1999/xhtml”><br />
<head><br />
<title>Title of document</title><br />
</head><br />
<body><br />
……&nbsp;<br />
</body><br />
</html>

<!DOCTYPE html PUBLIC“-//W3C//DTD XHTML 1.0 Transitional//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<head>

<title>Title of document</title>

</head>

<body>

...... 

</body>

</html>

۴ . تمامی تگ ها و خاصیت های XHTML باید فقط با حروف کوچک نوشته شوند.

XHTML یک زبان نشانه گذاری حساس به بزرگ یا کوچک بودن حروف است و به شدت بر کوچک بودن حروف، در تمام تگ ها و ویژگی های XHTML تاکید دارد . در مثال زیر مشاهده میکنید که حرف H در href و حرف A در عنصر انکر ( ancher ) با حروف بزرگ نوشته شده است که اشتباه است :

<A Href=”/xhtml/xhtml_tutorial.html”>XHTML Tutorial</A>

1	<AHref=“/xhtml/xhtml_tutorial.html”>XHTML Tutorial</A>

در زیر نحوه نوشتار صحیح مثال بالا را مشاهده میکنید :

<a href=”/xhtml/xhtml_tutorial.html”>XHTML Tutorial</a>

1	<ahref=“/xhtml/xhtml_tutorial.html”>XHTML Tutorial</a>

۵ . تمامی تگ های XHTML باید تگ پایان داشته باشند

هر تگ XHTML، حتی عناصر خالی باید یک تگ بسته داشته باشد، به مثال زیر توجه کنید :

<p>This paragraph is not written according to XHTML syntax.<img src=”/images/xhtml.gif”>

1	<p>Thisparagraph isnotwritten according toXHTML syntax.<img src=“/images/xhtml.gif”>

در زیر روش صحیح نوشتن تگ های فوق را در XHTML می بینید. تفاوت این است که در اینجا هر دو تگ به درستی بسته شده اند.

<p>This paragraph is not written according to XHTML syntax.</p><img src=”/images/xhtml.gif” />

1	<p>Thisparagraph isnotwritten according toXHTML syntax.</p><img src=“/images/xhtml.gif”/>

۶ . همه مقادیر خاصیت ها باید بین نقل قول نوشته شوند

همه مقادیر خاصیت های XHTML باید بین علامت نقل قول قرار بگیرند، در غیر این صورت سند XHTML به عنوان یک سند نامعتبر شناخته میشود. به مثال زیر دقت کنید :

<img src=”/images/xhtml.gif” width=250 height=50 />

1	<img src=“/images/xhtml.gif”width=250height=50/>

در زیر نحوه نوشتار صحیح مثال بالا را مشاهده میکنید :

<img src=”/images/xhtml.gif” width=”250″ height=”50″ />

1	<img src=“/images/xhtml.gif”width=“250”height=“50”/>

۷ . تمامی خاصیت ها باید مقدار داشته باشند

در XHTML به حداقل رساندن خاصیت ها مجاز نمی باشد. این بدان معناست که شما باید به طور صریح خاصیت ها و مقادیر آنها را اعلام کنید. در مثال زیر تفاوت را مشاهده میکنید :

<option selected>

1	<option selected>

در زیر نحوه نوشتار صحیح مثال بالا را مشاهده میکنید :

<option selected=”selected”>

1	<option selected=“selected”>

در اینجا لیستی از ویژگی های خلاصه شده در HTML و شیوه درست نوشتن آن در XHTML آورده شده است:

XHTML Style	HTML Style
“compact=”compact	compact
“checked=”checked	checked
“declare=”declare	declare
“readonly=”readonly	readonly
“disabled=”disabled	disabled
“selected=”selected	selected
“defer=”defer	defer
“ismap=”ismap	ismap
“nohref=”nohref	nohref
“noshade=”noshade	noshade
“nowrap=”nowrap	nowrap
“multiple=”multiple	multiple
“noresize=”noresize	noresize

8 . خاصیت id جایگزین خاصیت name شده است

خاصیت id جایگزین خاصیت name شده است. XHTML ترجیح می دهد که به جای استفاده از “name =”name ، از “id =”id استفاده کند. در مثال زیر این تفاوت نشان داده شده است:

<img src=”/images/xhtml.gif” name=”xhtml_logo” />

1	<img src=“/images/xhtml.gif”name=“xhtml_logo”/>

در زیر نحوه نوشتار صحیح مثال بالا را مشاهده میکنید :

<img src=”/images/xhtml.gif” id=”xhtml_logo” />

1	<img src=“/images/xhtml.gif”id=“xhtml_logo”/>

9 . خاصیت language تگ script، قدیمی و نامناسب شناخته شده است

خاصیت language برچسب script نامناسب شناخته شده است. به مثال زیر دقت کنید :

<script language=”javascript” type=”text/javascript” >  document.write(“Hello XHTML!”);</script>

1	<script language=“javascript”type=“text/javascript”> document.write(“Hello XHTML!”);</script>

در زیر نحوه نوشتار صحیح مثال بالا را مشاهده میکنید :

<script type=”text/javascript” >  document.write(“Hello XHTML!”);</script>

1	<script type=“text/javascript”> document.write(“Hello XHTML!”);</script>

10 . خاصیت lang باید همراه با XML استفاده شود

خاصیت lang، مقداری را میگیرد که مشخص کننده زبان محتوای درون یک عنصر است . به عنوان مثال، “”en-us برای US English ، و “PL” برای Polish ، و یا “JP” برای Japanese

خاصیت lang باید همراه با XML استفاده شود، که هر دو دارای مقدار یکسان هستند.

<div lang=”pl” xml:lang=”pl”>Jestem Jaka Jestem</div>

1	<div lang=“pl”xml:lang=“pl”>Jestem Jaka Jestem</div>

۱۱ . تمامی تگ ها باید به درستی ترکیب شوند

تمامی تگ های XHTML اگر به صورت تو در تو نوشته شوند باید به درستی در سند قرار بگیرند .در غیر این صورت به عنوان یک سند XHTML اشتباه در نظر گرفته خواهد شد. در مثال زیر این تفاوت نشان داده شده است :

<b><i> This text is bold and italic</b></i>

1	<b><i>Thistext isbold anditalic</b></i>

در زیر نحوه نوشتار صحیح مثال بالا را مشاهده میکنید :

<b><i> This text is bold and italic</i></b>

1	<b><i>Thistext isbold anditalic</i></b>

۱۲ . توضیحات در داخل CDATA نوشته میشوند

به جای استفاده از <!– this is a comment –> توضیحات به شکل زیر نوشته میشوند :

<[CDATA[this is a comment]]>

1	<[CDATA[thisisacomment]]>

۱۳ . برای عنصرها ممنوعیت هایی در نظر گرفته شده است

عناصر زیر ممنوعیتهایی دارند به این صورت که نمی توانند عناصر خاصی را در بر بگیرند .

<a> : نباید شامل عناصر <a> دیگری باشد

<pre>: نباید شامل عناصر <img> ، <object> ، <big> ، <small> ، <sub> یا <sup> باشد.

<button>: نباید شامل عناصر <input>، <select>، <textarea> ، <label>، <button>، <form>، <fieldset>، <iframe> یا <isindex> باشد.

<label>: نباید شامل عناصر <label> دیگری باشد.

<form>: نباید شامل عناصر <form> دیگری باشد.

قوانین دیگر :

۱ . اگر کدی شامل & باشد باید به صورت زیر نوشته شوند :

&amp

2 . هرگونه استفاده از CSS باید به صورت حروف کوچک باشد

۳ . جاوا اسکریپت باید از طریق جاوا اسکریپت خارجی انجام شود.

یک سند کوچک XHTML:

مثال زیر حداقل محتوای یک سند XHTMLرا نشان میدهد:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”<br />
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br />
<html xmlns=”http://www.w3.org/TR/xhtml1″ xml:lang=”en” lang=”en”><br />
   <head><br />
      <title>Every document must have a title</title><br />
   </head><br />
   <body><br />
   …your content goes here…<br />
   </body><br />
</html>

<!DOCTYPE html PUBLIC“-//W3C//DTD XHTML 1.0 Transitional//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<head>

<title>Every document must haveatitle</title>

</head>

<body>

...your content goes here...

</body>

</html>