مقدمه
وقت به خیر دوستان عزیز. با آموزش XHTML از وب سایت آموزشی پی وی لرن همراهتون هستیم. آموزش سینتکس XHTML رو در این بخش از آموزش XHTML بررسی خواهیم نمود.
آموزش سینتکس XHTML
سینتکس XHTML بسیار شبیه به سینتکس HTML است و تقریباً همه عناصر معتبر در HTML در XHTML نیز معتبر هستند. اما هنگامی که شما یک سند XHTML می نویسید، باید توجه بیش تری داشته باشید تا سند HTML خود را مطابق با XHTML سازگار کنید.
در این جا نکات مهمی که باید هنگام نوشتن یک سند جدید XHTML یا تبدیل سند HTML موجود به سند XHTML ، به خاطر بسپارید، آورده ایم.
- در ابتدای سند XHTML یک بیانیه DOCTYPE بنویسید.
- نام المان ها و خصوصیت ها (attributes) می بایست با حروف کوچک نوشته شود.
- تمام تگ های XHTML را به درستی ببندید.
- همه تگ ها را به درستی قرار دهید.
- تمام مقادیر خصوصیت می بایست در گیومه قرار بگیرند.
- ویژگی اسم را با ویژگی id جایگزین کنید.
- خلاصه سازی خصوصیت ممنوع می باشد.
در این جا توضیحات مفصلی از قوانین XHTML فوق آورده شده است.
اعلان DOCTYPE
تمام اسناد XHTML در ابتدا باید دارای یک اعلان DOCTYPE باشند. سه نوع اعلان DOCTYPE وجود دارد که در بخش XHTML Doctypes به تفصیل مورد بحث قرار گرفته است. در این جا مثالی از استفاده از DOCTYPE آورده شده است.
مثال :
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
حساسیت به حروف کوچک و بزرگ
XHTML زبان نشانه گذاری به حروف کوچک و بزرگ حساس نیستند است. تمام تگ ها و attributes یا ویژگی های XHTML فقط باید به حروف کوچک نوشته شوند.
مثال :
| <!-- This is invalid in XHTML --> <A Href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</A> <!-- Correct XHTML way of writing this is as follows --> <a href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</a> |
در مثال ، Href و anchor tag A به حروف کوچک نوشته نشده اند ، بنابراین نادرست است.
بستن تگ ها
هر تگ XHTML باید دارای برچسب بسته شدن معادل باشد ، حتی عناصر خالی نیز باید دارای تگ های بسته باشند. در این جا مثالی آوده شده است روش های معتبر و نامعتبری از استفاده از تگ ها را نشان می دهد.
مثال :
| <!-- This is invalid in XHTML --> <p>This paragraph is not written according to XHTML syntax. <!-- This is also invalid in XHTML --> <img src="/images/xhtml.gif" > |
سینتکس زیر روش صحیح نوشتن تگ های فوق در XHTML را نشان می دهد. تفاوت در این است که ، در این جا ما هر دو برچسب را به درستی قرار داده ایم.
مثال :
| <!-- This is valid in XHTML --> <p>This paragraph is not written according to XHTML syntax.</p> <!-- This is also valid now --> <img src="/images/xhtml.gif" /> |
آموزش سینتکس XHTML رو با بررسی خصوصیت ها در XHTML ادامه می دهیم.
خصوصیت ها در XHTML
همه مقادیر خصوصیت های XHTML باید در داخل گیومه قرار گیرند. در غیر این صورت ، سند XHTML شما به عنوان یک سند نا معتبر فرض می شود. در این جا برای این مورد مثالی آورده شده است.
مثال :
| <!-- This is invalid in XHTML --> <img src="/images/xhtml.gif" width=250 height=50 /> <!-- Correct XHTML way of writing this is as follows --> <img src="/images/xhtml.gif" width="250" height="50" /> |
خلاصه سازی خصوصیت ها
XHTML اجازه ی خلاصه سازی خصوصیت ها را نمی دهد. این بدان معناست که شما باید صریحاً خصوصیت و مقدار آن را بیان کنید. مثال زیر این موضوع را نشان می دهد.
مثال :
| <!-- This is invalid in XHTML --> <option selected> <!-- Correct XHTML way of writing this is as follows --> <option selected="selected"> |
در این جا لیستی از خصوصیات به خلاصه شده در HTML و نحوه نوشتن آن ها در XHTML آورده شده است.
| HTML Style | XHTML 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” |
خصوصیت id
خصوصیت id جایگزین خصوصیت name می شود. به جای استفاده از “name = “name، در XHTML ترجیح داده می شود که از “id = “id استفاده شود. مثال زیر چگونگی این موضوع را نشان می دهد.
مثال :
| <!-- This is invalid in XHTML --> <img src="/images/xhtml.gif" name="xhtml_logo" /> <!-- Correct XHTML way of writing this is as follows --> <img src="/images/xhtml.gif" id="xhtml_logo" /> |
خصوصیت language
مثال زیر خصوصیت language را نشان می دهد.
مثال :
| <!-- This is invalid in XHTML --> <script language="JavaScript" type="text/JavaScript"> document.write("Hello XHTML!"); </script> <!-- Correct XHTML way of writing this is as follows --> <script type="text/JavaScript"> document.write("Hello XHTML!"); </script> |
تگ های تو در تو
شما باید تمام تگ های XHTML را به درستی قرار دهید. در غیر این صورت سند شما به عنوان یک سند نادرست XHTML فرض می شود. مثال زیر سینتکس مربوطه را نشان می دهد.
مثال :
| <!-- This is invalid in XHTML --> <b><i> This text is bold and italic</b></i> <!-- Correct XHTML way of writing this is as follows --> <b><i> This text is bold and italic</i></b> |
ممنوعیت المان
المان های زیر مجاز به داشتن المان دیگر در داخل شان نیستند. این ممنوعیت در مورد همه ی موارد تو در تو اعمال می شود. یعنی تمام عناصر نزولی را شامل می شود.
| المان | ممنوعیت |
|---|
| <a> | نباید حاوی المان <a> دیگری باشد. |
| <pre> | نباید حاوی المان های <img>, <object>, <big>, <small>, <sub> یا <sup> باشد. |
| <button> | نباید حاوی المان های <input>, <select>, <textarea>, <label>, <button>, <form>, <fieldset>, <iframe> یا <isindex> باشد. |
| <label> | نباید حاوی عناصر <label> دیگر باشد. |
| <form> | نباید حاوی عناصر <form> دیگری باشد. |
حداقل یک سند XHTML
مثال زیر حداقل محتوای یک سند XHTML 1.0 را نشان می دهد.
مثال :
| <?xml version="1.0" encoding="UTF-8"?> <!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/TR/xhtml1" xml:lang="en" lang="en"> <head> <title>Every document must have a title</title> </head> <body> ...your content goes here... </body> </html> |
کلام پایانی
با آموزش XHTML از وب سایت آموزشی پی وی لرن همراه هستیم. آموزش سینتکس XHTML رو در این بخش از آموزش XHTML بررسی نمودیم. در جلسه ی آینده با مقایسه ی XHTML و HTML در خدمتتون خواهیم بود.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
