illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

2 197 ۲۸ آبان ۹۵

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

در جلسه قبل در مورد 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

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    Mehdi Soli(۵ آذر ۱۳۹۵)

    خیلی عالی، ممنون از مقاله خوب و کاربردی شما.

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram