Code Guide یا راهنمای کدنویسی HTML و CSS (جلسه 3) : IE Mode و Encoding و Includes

در این مطلب با ادامه راهنمای کدنویسی HTML و CSS در خدمتتون هستم.

در جلسه قبل در مورد Syntax و HTML5 doctype و lang صحبت کردیم و این جلسه میخایم مطالب رو جلو ببریم.

IE Compability Mode یا حالت سازگاری Internet Explorer

Internet Explorer از متاتگ مربوط به Compability Mode پشتیبانی میکنه و میتونین مشخص کنید که صفحه یا سایت مورد نظر با توجه به چه نسخه ای از Internet Explorer نمایش داده یا render بشه. مگر در زمانهایی که اجازه ندارید، بهتره که همیشه کاری کنیم که حالت Compability Mode رو برابر با آخرین حالت پشتیبانی شده یعنی حالت Edge قرار بدیم. برای اینکار بصورت زیر عمل میکنیم:

این تگ رو درون Head صفحه قرار میدیم. میتونین برای اطلاعات بیشتر در مورد این تگ، مطالب موجود در این لینک رو مشاهده کنید.

Character Encoding یا مشخص کردن نحوه رمزگذاری کاراکترها

شما میتونین با استفاده از کد زیر به راحتی و سریعا کاری کنید که محتوای شما به خوبی نمایش داده بشه. این کار رو با تعریف کردن Charset مشخص کنیم. کد زیر رو در نظر بگیرید:

میبینید که یک meta رو درون head قرار دادیم. سعی کنید همیشه این تگ رو اولین فرزند head قرار بدین. درون ویژگی charset، مقدار UTF-8 رو قرار دادیم. اگر اینکارو انجام ندیم، در بیشتر مواقع متون و محتوای ما به درستی نمایش داده نمیشن. در اکثر موارد ما مقدار این ویژگی رو برابر با UTF-8 قرار میدیم. حتما و همیشه این تگ رو قرار بدین.

CSS and JavaScript includes

همونطور که درون HTML5 Spec مشخص شده زمانی که میخاید یک فایل CSS یا Javascript رو با استفاده از link یا script وارد سندتون کنید، لازم نیست که ویژگی type رو برای اونا قرار بدین و اونا رو برابر با text/css یا text/javascript قرار بدین. این موارد به گونه ای پیش فرض هستن و لازم نیس که ما خودمون هم اونا رو مشخص کنیم. مثلا قبلا کد زیر رو برای وارد کردن فایل css خارجی قرار میدادیم:

با توجه به صحبتهای بالا، دیگه نیازی به ویژگی type نیس و بهتره اون رو بصورت زیر قرار بدین:

بهمین راحتی. برای قرار دادن کدهای css درون خود head صفحه، از تگ style استفاده میکردیم. کد زیر رو در نظر بگیرید:

همونطور که گفتم دیگه لازم نیس ویژگی type رو مشخص کنیم و قرار بدیم. پس این کد بصورت زیر خواهد شد:

برای وارد کردن فایل Javascript قبلا بصورت زیر عمل میکردیم:

اما الان باید بصورت زیر اینکارو انجام بدیم:

بهمین راحتی. شما میتونین نحوه استفاده هر کدام از موارد بالا رو درون HTML5 Spec و در لینکهای زیر بیشتر مطالعه کنید:

• استفاده از link
• استفاده از style
• استفاده از Script

امیدوارم از این جلسه خوشتون اومده باشه.

موفق و پیروز باشید.

یا علی

Source