اگر شما هم تصمیم گرفته اید به استفاده از HTML 5 رو بیاورید، این مقاله برای شماست. فرض ما بر این است که شما بهHTML 4 و CSS تا حد متوسط آشنا هستید و هم اکنون تصمیم به آموزش HTML 5 و استفاده از آن در اولین پروژه خود گرفته اید. بنابراین مقدمه را کوتاه می کنیم و میرویم سر اصل مطلب. گرچه سعی میکنیم برخی از نکات ضروری را نیز برای شما شرح دهیم.

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

موتور رندر مرورگر ، همان کامپوننتی است که تصمیم می گیرد کدهای html و CSS را چگونه در مرورگر نمایش دهد. مرورگرهایی که موتور رندر یکسانی دارند، کدهای وب را یکسان نمایش می دهند...

سی اس اس به طراح وب این امکان را میدهد که نمای صفحه را در حالت های مختلف تعیین کنید. بطور مثال طراح میتواند فایل های CSS مختلفی را به صفحه لینک کند ، بطوری که اگر صفحه در مرورگر در حال دیده شدن است، صفحه یک جور و با یکسری رنگ دیده شود و اگر صفحه در حال نمایش در دستگاه های PDA است یکجور دیگر و اگر صفحه در حال print شدن است نیز یکجور دیگر نشان داده شود.