آموزش نسخه XHML 0.1 را برای یک طراحی سایت حرفه ای و استاندارد آغاز می کنیم و سپس وارد مباحث CSS می شویم و به طراحی سایت خود رنگ و لعاب می دهیم. قبلا اشاره کردیم که XHML از دو زبان تشکیل شده است، یکی HTML (Hypertext Markup Language) و دیگری XML (eXtensible Markup Language) که هر دو خصوصیات این دو زبان را در بردارد. با HTML تا به اینجاآشنا شدید و ساختار کد نویسی با این زبان مهم را آموختید. XML یک زبان منعطف است که می توان هر تگی برای آن تعریف نمود یعنی تگ هایی از پیش تعریف شده در ان مورد استفاده قرار نمی گیرد، برای مثال تگ های <student>, <firstname>, <lastname>, <age> که در XML به راحتی تعریف و از ان ها استفاده نموده ایم و اطلاعاتی را برای دانشجویان ثبت می کنیم.
بنابراین در زبان XML هر تگی با هر معنایی قابل کاربرد خواهد شد. وقتی از XHTML استفاده می کنیم باید این خصوصیت را در هنگام طراحی سایت زمان کدنویسی تعریف کنیم:
ویژگی xmlns فضای نام XML را برای یک سند مشخص می کند.
به این نکته توجه داشته باشید در نسخه های XHTML کاربرد xmlns متفاوت است مثلا در XHTML مورد نیاز است، در HTML 4.01 نامعتبر و به کاربردن آن در HTML5 اختیاری است. ویژگی xmlns مقدار منحصر به فردی را نشان می دهد که مشخص کننده استاندارها و زبان موردنظر XML است. این مقدار به شکل یک آدرس تعریف می شود استفاده از تگ های مختلف عریفی را در برنامه به صورت استاندار تبدیل کرده و نمایش می دهد.
تفاوتی که در XHTML با HTML وجود دارد و باید به آن توجه کرد به صورت است:
استفاده از تگ <!DOVTYPE> باید قبل از <html> قرار داده شود.
ویژگی xmlns به همراه تگ <html> بیاید.
تمامی تگ ها با حروف کوچک نوشته شودند و این به عنوان یک استاندارد کدنویسی توسط XHTML خواهد بود.
برای تگ های empty elements باید در انتهای تگ قبل از علامت بزرگتر یک فاصله داد شود و / قرار گیرد.
در محتوا از & استفاده نشود، در صورت نیاز برای به کار بردن آن از کاراکتر ویژه آن استفاده شود که معادل & می باشد استفاده کنید.
تنها تفاوت HTML و XHTML همین چند نکته کلیدی بود که در صورت استفاده از XHTML شما به مزایای زیادی در طراحی سایت خواهید رسید.