Media چيست؟

 

در يک سند HTML برخي قسمت هاي صفحه مخصوص پرينت گرفتن مي باشند و بايد از style مربوط به print پيروي کنند و بعضي ديگر از قسمت ها از جمله navigation سايت نيازي به print ندارند و ميتوناد از هر نوع style اي استفاده کند.

از اين رو css چندين خصوصيت براي کنترل نحوه ي نمايش سند در رسانه هاي (media) مختلف فراهم مي کند.

براي هدف قرار دادن رسانه هاي مختلف بايد از صفت media در تگ <link> يا در تگ style استفاده کرد يا درون قواعد نوشته شده ي css ميتوان از قاعده ي @media براي نشان کردن رسانه هاي مختلف استفاده کرد.

انواع media

انواع مختلف media عبارت اند از

all : مخصوص تمامي deviceها

braille : استفاده براي deviceهاي مخصوص نابينايان

embossed : استفاده براي printer هاي مخصوص خط braille

handheld : استفاده براي device هاي جيبي و قابل حمل مثل tabletها

print : اين مقدار براي ارائه ي style به printer استفاده ميشود. (در مروگرها مي توان از قسمت print preview براي مشاهده ي يک صفحه در اين حالت استفاده کرد.)

projection : استفاده براي ويدئو پروژکتورها

screen : مخصوص نمايش در صفحه نمايش کامپيوتر

tv : استفاده براي تلويزيون

مقدار پيشفرض : all

فقط مقادير screen , print و all در مرورگرها به صورت گسترده پشتيباني مي شوند.

استايل print

 

حال کد رو در مرورگر اجرا کنيد، و سپس دکمه ي CTRL+P رو بزنيد تا به حالت print preview برويد، خواهيد ديد که دقيقا متون در حالت print همانند حالت screen هست.

 

حال ما ميخواهيم براي حالت print يک استايل متفاوت بنويسم

کد زير رو به کدهاي css اضافه کنيد :

 

 

اگر دقت کرده باشيد، بعضي مواقع در هنگام پرينت يک صفحه html لينک ها غير فعال مي شوند، و ديگر معلوم نيست که اين متن، به کدام صفحه لينک شده است، پس حتما راهي براي نمايش دادن آدرس لينک ها باشد، در css خصوصيتي به نام content وجود دارد، که از ان براي اضافه کردن متني به ابتدا يا انتهاي متن موجود استفاده مي شود.

مثال کد html

 

کد بالا تعيين مي کند که پس از تگ a در داخل پرانتر مقدار صفت href آن لينک را قرار دهد