صفت media در تگ link

صفت media در تگ link

در درس پیش به معرفی تگ لینک و برخی از بخش های آن پرداختیم. در این آموزش میخواهیم به معرفی یکی از صفت های مهم تگ link بپردازیم. صفت media از دیگر صفت های تگ link است که نوع وسیله ای که قرار است صفحه مقصد را نمایش بدهد را مشخص میکند و به مرورگر برای نمایش آن صفحه کمک میکند. این صفت بیشتر برای استایل های css استفاده میشود که باعث میشود css ها در دستگاه های مختلف درست نمایش داده شود.

این صفت در نسخه های جدید و قدیمی HTML فعال است علاوه بر این میتواند چندین مقدار را هم زمان داشته باشد. به نحوه نوشتن این صفت دقت کنید:

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

and : با استفاده از and میتوانید چند مقدار را هم زمان اجرا کنید

, : این علامت همان معنای” یا “را دارد. در حقیقت برای مقدار ها شرط میگذارید

not : با استفاده از not میتوانید از نمایش یک ارزش خاص جلوگیری کنید

ذکر دستگاه ها در صفت media

  • all : متناسب برای تمام دستگاه ها
  • aural : برای سیستم های صوتی
  • braille : متناسب برای دستگاه های نابینایان
  • handheld : برای دستگاه های صوتی و جیبی
  • projection : برای پروژکتورها
  • print : برای زمان پیش نمایش حالت پرینت / گرفتن پرینت
  • screen : صفحه نمایش کامپیوتر های معمولی
  • tty : برای تله تایپ ها یا دستگاه هایی که نمایش ثابتی دارند
  • tv : برای دستگاه هایی با رزولوشن پایین ( مانند تلویزیون)

مقدار متناسب با دستگاه ها در صفت media

  • width : برای مشخص کردن عرض دستگاه. میتونید برای آن Min یا max اعلام کنید مانند:

  •  height  : برای مشخص کردن ارتفاع دستگاه استفاده میشود .برای آن min یا max مشخص کنید. مانند:

  •  device-width : عرض صفحه نمایش یا برگه را مشخص میکند. min یا max مشخص کنید. مانند:

  •  device-height : ارتفاع صفحه نمایش یا برگه را مشخص میکند. min یا max را مشخص کنید.مانند:

  •  orientation : تعیین جهت نمایش برگه یا صفحه. مانند:

  •  aspect-ratio : نسب عرض و ارتفاع صفحه نمایش را مشخص میکند مانند:

  •  color-index : تعداد رنگ هایی که دستگاه میتوان  نشان دهد را مشخص میکند. مانند:

  •  resolution : تعیین تراکم پیکسل را همان رزولوشن را مشخص میکند. مانند:

  •  scan :روش اسکن از صفحه نمایش تلویزیون را نشان میدهد. مقدار هایی که میتواند بگیرد : interlace یا progressive است. مانند:

  •  grid : مشخص میکند خروجی دستگاه grid است یا bitmap. اگر خروجی ۱ باشد یعنی gird است در غیر این صورت مقدار را ۰ قرار دهید. مانند:

 

 

 

7 نظرات شما

  • حمید

    اردیبهشت ۱۲, ۱۳۹۳ at ۱:۳۵ ب.ظ
    عالیه بود اگه میشه فیلم آموزشی به زبان فارسی رو هم قرار بدید یا فیلمهاش از یوتوب دانلود کنید زیرنویس فارسی کنید اگه ممکنه مرسی از سایت خوبتون
    • بهاران بنی اسدی

      اردیبهشت ۱۲, ۱۳۹۳ at ۶:۴۸ ب.ظ
      سلام ممنونم و مرسی برای پیشنهادتون
  • html learner

    شهریور ۱, ۱۳۹۳ at ۵:۱۰ ب.ظ
    سلام ممنون از آموزشهای مفیدتون , موفق و سربلند باشید
  • عباس

    شهریور ۱۷, ۱۳۹۳ at ۳:۱۷ ب.ظ
    دلم تنهاست -دلگیرم - همش حس میکنم بدون PHP می میرم. (باااااید یاد بگیرم) تو میدونی - تو خیلی وقته میدونی.
  • محمد

    بهمن ۱, ۱۳۹۳ at ۱۰:۵۸ ب.ظ
    سلام بهتره در قسمت (در تاریخ) همون تاریخ رو بنویسید نه سطح رو. موفق باشید
  • hamed

    تیر ۳, ۱۳۹۴ at ۱۰:۱۲ ق.ظ
    سلام سایتتون خیلی عالیه مخصوصا این مطلب بسیار بسیار مفید بود خیلی دنبالش بودم تشکر
    • بهاران بنی اسدی

      تیر ۱۴, ۱۳۹۴ at ۳:۳۰ ب.ظ
      سلام خیلی ممنون

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


© 2013 Mobtadi. All rights reserved.
کلیه حقوق مادی و معنوی برای وبسایت مبتدی محفوظ است.