ساخت وب سایت بر پایه ی XHTML
HTML رسما منسوخ شد. W3C «کنسرسبوم وب جهانی» در 26 ژانویۀ 2000 اولین نسخه ی XHTML را منتشر کرد.
استاندارد XHTML نامزدی برای جانشینی HTML است و طبق نظر «W3C» XHTML جانشین HTML می باشد.
طراحان XHTML دو هدف بزرگ را دنبال می کنند:
1. ایجاد تفکیک بین ساختار اسناد و ارائۀ آن ها.
2. تنظیم مجدد HTML مثل استفاده از XML .
به دنبال اولین هدف، W3C سعی کرد تا المنت های نمایشی و برخی خصوصیات تگ ها را حذف نماید. «این کار از HTML 4.0 شروع شد» به عنوان مثال XHTML 10.0 strict اجازۀ استفاده از تگ هایی مثل <font> و خصوصیاتی مثل bgcolor را نمی دهد. زیرا این المنت ها و خصوصیات منحصراً برای نمایش سند به کار می روند. در صورتی که باید در ساختار اسناد تعریف شوند.
یکی دیگر از کارهای W3C مفهوم بخشیدن به ساختار اسناد بود، به عنوان مثال W3C تعریف کرد که برای نمایش عناوین صفحه از تگ های < h1 ……. h6 > استفاده کنیم البته برخی از طراحان وب بر این باور هستند که تگ های < h1 …….. h6 > برای نمایش بزرگ و ضخیم قسمتی از صفحه به کار می رود، البته همین طور هم هست ولی دلیل استفاده از آن ها بیان کردن عناوین و در کل مفهوم بخشیدن به اسناد می باشد.
بیان این نکته بسیار با اهمیت است که شما نباید برای کنترل ظاهر یک صفحۀ وب از تگ هایی نظیر <6h> استفاده کنید بلکه باید از CSS ها برای کنترل ظاهر صفحه استفاده شود. «بهتر است از External CSS استفاده کنیم».
بنابر نکته ی گفته شده در بالا استفاده ی بی جا و غیر ضروری از تگ های heading ممکن است مشکلاتی را برای ما به وجود آورد از قبیل به خطا انداختن موتورهای جستجوگر برای یافتن عناوین صفحات ، چون موتورهای جستجو نسبت به المنت های Heading حساسیت زیادی دارند.
- هدف دوم XHTML اجرا کردن قوانین محکم و سخت گیرانه ی XML برای HTML و توسعه گران آن می باشد بدین نرتیب هنگامی که شما مشغول طراحی یک صفحۀ وب هستید حقیقتاًً در حال ایجاد یک سند XML می باشید.
اسناد XML در مقایسه با HTML ساختار نحوی سخت گیرانه تری دارند. به عنوان مثال: XML به حروف بزرگ و کوچک حساس است، همۀ خصوصیات XML باید تشریح شوند، تگ های XML نمی توانند همپوشانی داشته باشند «Ovrerlap».
مجبور کردن توسعه گران و طراجان وب سایت به پیروزی از قوانین سخت گیر و طاقت فرسا مزایای زیادی را به همراه دارد.
یکی از مزایای بزرگ استفاده از Cross-OS ,CrossBrowser , XHTML Markup بودن آن می باشد.
وقتی شما صفحه ای را در مرورگر خود باز می کنید، مرورگر از ابتدای متن HTML شروع به Render کردن صفحه می نماید. حال اگر HTML هایی که ما تولید کرده ایم طبق استاندارد خاصی نباشد ممکن است مشکلاتی را به وجود آورند به عنوان مثال صفحۀ وب زیر را در نظر بگیرید:
</body> </HTML>
اين صفحه ممكن است در مرورگرهای مختلف نمابش های متفاتی داشته باشد چون اصول
HTML در آن رعایت نشده. بنابراین استفاده از قوانین XHTML موجب راحتی ایجاد و نگهداری صفحات وبی و جلوگیری از تفسیر اشتباه صفحات ما توسط مرورگرها می شود.
- نسخه های استاندارد XHTML
سه نسخه برای XHTML و جود دارد که مطابق هستند با سه نسخه ی HTML 4.01 :
XHTML 1.0 Transitional
XHTML 1.0 Strict
XHTML 1.0 Frameset
XHTML 1.0 Transitional:
شامل همه ی المنت ها و تگ های HTML 4.01 می باشد. این نسخه از XHTML شما را قادر می سازد تا بدون سختی و رنج زیاد به XHTML مهاجرت کنید.
XHTML 1.0 Strict :
این نسخه از XHTML با نسخۀ transitional تفاوت دارد و شما را مجبور به جدا کردن ساختار اسناد از نمایش اسناد می کند. در این نسخه بر خلاف نسخه ی Transitional شما مجبور به استفاده از CSS ها برای کنترل ظاهر صفحۀ وب می باشید.
XHTML 1.0 Framest :
این نسخه برای صفحات وبی که از تگ <frameset> برای بخش بندی صفحه استفاده می کنند در نظر گرفته شده. «نسخه های transitional و strictنمی توانند شامل تگ <frameset> باشند.»
نسخۀ XHTML 1.1 نیز توسط W3C در تاریخ «2001 may 31 » عرضه شده که شباهت زیادی به نسخۀ XHTML 1.0 Strict دارد. از تفاوت های این نسخه با نسخه strict1.0 می توان به قابلیت هایی زیر اشاره کرد :
(scalable vector language) SVG , (Mathematical Markuplan guagr) Mathml .
هم اکنون W3C مشغول نسخۀ XHTML 2.0 می باشد که زوایای این کار در این فرصت محدود قابل ارائه نمی باشد.
هم اکنون Asp.Net 2.0 و VisualStudio,Net نسخۀ XHTML 1.0 را پشنهاد می کنند به این دلیل که حداقل محدودیت را بر صفحات اعمال می کنند و سازگاری بیشتری با صفحات HTML فعلی دارند. با این حال شما می توانید در Asp.Net 2 از سایر نسخه های استاندارد XHTML استفاده نمایید.
ایجاد صفحات XHTML :
در ادامه ی مباحث مطرح شده در این مقاله می خواهیم لیستی از مهم ترین احتیاجات و قوانین برای تولید صفحات XHTML ، قابل قبول را ارائه دهیم:
1.
صفحۀ وب باید شامل XHTML Doctype قابل قبول باشد.
یک صفحه ی XHTML قابل قبول باید شامل XHTML Doctype قبل از محتوای صفحه باشد.
وقتی شما یک صفحه را در یک محیط طراحی مثل VisualStudio ایجاد می کنید معمولاً یک Doctype استاندارد برای صفحه در نظر گرفته می شود.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">
XHTML 1.0 frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd">
2.
المنت ریشه ( <HTML> ) باید به یک NameSpace یا فضای نام ارجاع داشته باشد.
تک شروع یک صفحۀ XHTML باید فضای نام پیش فرض را تعریف کند. در این جا نمونه ای از یک تک شروع <html> برای صفحه ای با نسخۀ آورده شده است:
3.
همۀ المنت ها و خصوصیات باید با حروف کوچک نمایش داده شوند.Xml حساس به حروف بزرگ و کوچک می باشد بنابراین بین تک <P> و <p> تفاوت قائل است.
4.
مقادیر خصوصیات باید همیشه درون علامت نقل قول قرار گیرند.
همیشه باید مقادیر خصوصیات درون علامت کوتیش یا دابل کوتیشن قرار گیرند. به عنوان مثال به خصوصیت href در تک <a> توجه نمایید.
5.
همۀ المنت های غیر تهی که تگ شروع دارند باید تک بسته نیز داشته باشند.
اگر شما یک تک <p> دارید حتماً باید یک تک پایان </p> داشته باشید تا بیانگر پایان پاراگراف باشد. برخی از تگ ها هیچ محتوایی را شامل نمی شوند مثل <br> که باید <br></br> نوشته شود تا یک break در صفحه ایجاد نماید.
XHTML تعیین کرده که تگ هایی که هیچ محتوایی ندارند مثل <br> نباید تک پایان داشته باشند. به عنوان مثال <br> باید به صورت <br /> نوشته شود.
6.
تگ ها نباید هم پوشانی داشته باشند. به مثال زیر توجه نمائید
مثال بالا در XHTML قابل قبول نمی باشد و باید به صورت زیر تعریف شود.
7.
همۀ خصوصیات باید حاوی مقدار باشند.
به عنوان مثال تگ <inpyt type=”checkbox” checked />در XHTML قابل قبول نیست. چون برای خصوصیت Checked هیچ مقداری در نظر گرفته نشده و بایدبه صورت ذیر تعریف شود :
8.
استفاده از خصوصیت id به جای خصوصیت Name
در HTML شما برای شناسایی تگ های خود خصوصیت Name را مقدار دهی می کنید. نکتۀ مهم این است که تا زمانی می توانید از خصوصیت Name برای المنت های موجود در صفحه استفاده نمائید که از استاندارد transidiond استفاده می کنید. در نسخه های Strict و Frameset به جای خصوصیت Name حتما باید از ID استفاده کنید.
9.
محتوای المنت های <script> و <style> باید در قسمت (characterpata) CDDATA قرار گیرند. پس از طرح موارد فوق و آشنایی بیشتر با XHTML و لزوم استفاده از آن باید سعی کنیم از این پس صفحات وب خود را با این استاندارد طراحی نماییم .