در این مطلب با ادامه راهنمای کدنویسی HTML و CSS در خدمتتون هستم.
در جلسه قبل در مورد Syntax و HTML5 doctype و lang صحبت کردیم و این جلسه میخایم مطالب رو جلو ببریم.
Internet Explorer از متاتگ مربوط به Compability Mode پشتیبانی میکنه و میتونین مشخص کنید که صفحه یا سایت مورد نظر با توجه به چه نسخه ای از Internet Explorer نمایش داده یا render بشه. مگر در زمانهایی که اجازه ندارید، بهتره که همیشه کاری کنیم که حالت Compability Mode رو برابر با آخرین حالت پشتیبانی شده یعنی حالت Edge قرار بدیم. برای اینکار بصورت زیر عمل میکنیم:
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> |
این تگ رو درون Head صفحه قرار میدیم. میتونین برای اطلاعات بیشتر در مورد این تگ، مطالب موجود در این لینک رو مشاهده کنید.
شما میتونین با استفاده از کد زیر به راحتی و سریعا کاری کنید که محتوای شما به خوبی نمایش داده بشه. این کار رو با تعریف کردن Charset مشخص کنیم. کد زیر رو در نظر بگیرید:
<head> <meta charset="UTF-8"> </head> |
میبینید که یک meta رو درون head قرار دادیم. سعی کنید همیشه این تگ رو اولین فرزند head قرار بدین. درون ویژگی charset، مقدار UTF-8 رو قرار دادیم. اگر اینکارو انجام ندیم، در بیشتر مواقع متون و محتوای ما به درستی نمایش داده نمیشن. در اکثر موارد ما مقدار این ویژگی رو برابر با UTF-8 قرار میدیم. حتما و همیشه این تگ رو قرار بدین.
همونطور که درون HTML5 Spec مشخص شده زمانی که میخاید یک فایل CSS یا Javascript رو با استفاده از link یا script وارد سندتون کنید، لازم نیست که ویژگی type رو برای اونا قرار بدین و اونا رو برابر با text/css یا text/javascript قرار بدین. این موارد به گونه ای پیش فرض هستن و لازم نیس که ما خودمون هم اونا رو مشخص کنیم. مثلا قبلا کد زیر رو برای وارد کردن فایل css خارجی قرار میدادیم:
<link rel="stylesheet" type="text/css" href="code-guide.css"> |
با توجه به صحبتهای بالا، دیگه نیازی به ویژگی type نیس و بهتره اون رو بصورت زیر قرار بدین:
<link rel="stylesheet" href="code-guide.css"> |
بهمین راحتی. برای قرار دادن کدهای css درون خود head صفحه، از تگ style استفاده میکردیم. کد زیر رو در نظر بگیرید:
<style type="text/css"> /* ... */ </style> |
همونطور که گفتم دیگه لازم نیس ویژگی type رو مشخص کنیم و قرار بدیم. پس این کد بصورت زیر خواهد شد:
<style> /* ... */ </style> |
برای وارد کردن فایل Javascript قبلا بصورت زیر عمل میکردیم:
<script type="text/javascript" src="code-guide.js"></script> |
اما الان باید بصورت زیر اینکارو انجام بدیم:
<script src="code-guide.js"></script> |
بهمین راحتی. شما میتونین نحوه استفاده هر کدام از موارد بالا رو درون HTML5 Spec و در لینکهای زیر بیشتر مطالعه کنید:
امیدوارم از این جلسه خوشتون اومده باشه.
موفق و پیروز باشید.
یا علی
سون لرن • آموزش...برچسب : نویسنده : استخدام کار 7learn بازدید : 359