HTML <link> media প্রতিভা

HTML <link> ট্যাগ

বিবরণ ও ব্যবহার

media প্রতিভা নির্দিষ্ট করে, যে লিঙ্ক করা হয়েছে তা কোন মিডিয়া/ডিভাইসের জন্য সর্বোত্তমভাবে অভিন্নতা গড়ে তোলা হবে。

media প্রতিভা নির্দিষ্ট করে, যে লিঙ্ক করা হয়েছে তা কোন ডকুমেন্টকে কোন ডিভাইসে দেখানো হবে。

এই প্রতিভা মূলত CSS শৈলীসমূহের সাথে ব্যবহৃত হয়, যাতে ভিন্ন মিডিয়া ধরনের জন্য ভিন্ন শৈলী নির্দিষ্ট করা যায়。

media এই প্রতিভা একাধিক মান গ্রহণ করতে পারে。

উদাহরণ

দুইটি ভিন্ন শৈলীসমূহ দুইটি ভিন্ন মিডিয়া ধরন (স্ক্রিন এবং প্রিন্ট) রয়েছে:

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  
<link rel="stylesheet" type="text/css" href="print.css" media="print">

</head>

স্বয়ং প্রয়োগ করুন

নিয়ম<link media="value

>

সম্ভাব্য অপারেটর বর্ণনা
অপারেটর and
নির্দিষ্ট করা হয়েছে AND অপারেটর not
নির্দিষ্ট করা হয়েছে NOT অপারেটর ,

নির্দিষ্ট করা হয়েছে OR অপারেটর

নির্দিষ্ট করা হয়েছে OR অপারেটর বর্ণনা
ডিভাইস all
ডিফল্ট, সকল মিডিয়া ধরনের ডিভাইসের জন্য print
প্রিন্ট প্রদর্শন মোড/প্রিন্ট পৃষ্ঠা screen
কম্পিউটার স্ক্রিন, ট্যাবলেট, স্মার্টফোন ইত্যাদি speech
পৃষ্ঠা পাঠ করার জন্য স্ক্রিন রিডার বর্জিতaural
অডিও সিনথেসাইজার বর্জিতbraille
ব্রেল ফিডব্যাক ডিভাইস বর্জিতhandheld
হ্যান্ডহেল্ড ডিভাইস (ছোট স্ক্রিন, সীমিত ব্যান্ডওয়াইড) বর্জিতপ্রজেকশন
tty বর্জিতস্থায়ী ব্যাপ্তির অক্ষর গ্রিড ব্যবহারকারী টেলিগ্রাফ প্রিন্টার এবং অন্যান্য
tv বর্জিতটেলিভিশন ধরনের ডিভাইস (নিম্ন রেজলিউশন, সরবরাহক্ষমতা সীমিত)

মান

মান বর্ণনা
aspect-ratio

নির্দিষ্ট করা হয়েছে লক্ষ্য প্রদর্শন অঞ্চলের প্রস্থ/উচ্চতা অনুপাত

ব্যবহার্য "min-" ও "max-" প্রিফিক্স

উদাহরণ: media="screen and (aspect-ratio:16/9)"
color

নির্দিষ্ট করা হয়েছে লক্ষ্য ডিসপ্লেয়ার প্রত্যেক রঙের বিট সংখ্যা

ব্যবহার্য "min-" ও "max-" প্রিফিক্স

উদাহরণ: media="screen and (color:3)"
color-index

নির্দিষ্ট করা হয়েছে লক্ষ্য ডিসপ্লেয়ার যে রঙের সংখ্যা প্রক্রিয়াকরণ করতে পারে

ব্যবহার্য "min-" ও "max-" প্রিফিক্স

উদাহরণ: media="screen and (min-color-index:256)"
device-aspect-ratio বর্জিতনির্দিষ্ট করা হয়েছে লক্ষ্য ডিসপ্লেয়ার/কাগজের device-width/device-height অনুপাত
device-width বর্জিতনির্দিষ্ট করা হয়েছে লক্ষ্য ডিসপ্লেয়ার/কাগজের প্রস্থ
device-height বর্জিতনির্দিষ্ট করা হয়েছে লক্ষ্য ডিসপ্লেয়ার/কাগজের উচ্চতা
grid

নির্দিষ্ট করা হয়েছে আউটপুট ডিভাইস গ্রিড হবে কিংবা বিটম্যাপ

সম্ভাব্য মান: "1" গ্রিড, "0" অন্যান্য

উদাহরণ: media="handheld and (grid:1)"
height

নির্দিষ্ট করা হয়েছে লক্ষ্য প্রদর্শন অঞ্চলের উচ্চতা

ব্যবহার্য "min-" ও "max-" প্রিফিক্স

উদাহরণ: media="screen and (max-height:700px)"
monochrome

নির্দিষ্ট করা হয়েছে একক রঙের ফ্রেম বাফারের প্রত্যেক পিক্সেল বিট

ব্যবহার্য "min-" ও "max-" প্রিফিক্স

উদাহরণ: media="screen and (monochrome:2)"
orientation

লক্ষ্য প্রদর্শনকারী/কাগজের দিক নির্ধারণ

সম্ভাব্য মান: "portrait" বা "landscape"

উদাহরণ: media="all and (orientation: landscape)"
resolution

লক্ষ্য প্রদর্শনকারী/কাগজের পিক্সেল ঘনত্ব (dpi বা dpcm) নির্ধারণ

ব্যবহার্য "min-" ও "max-" প্রিফিক্স

উদাহরণ: media="print and (resolution:300dpi)"
scan

টিভি প্রদর্শনকারীর স্ক্যান পদ্ধতি নির্ধারণ

সম্ভাব্য মান: "progressive" ও "interlace"

উদাহরণ: media="tv and (scan:interlace)"
width

লক্ষ্য প্রদর্শন এলাকার প্রস্থতা নির্ধারণ

ব্যবহার্য "min-" ও "max-" প্রিফিক্স

উদাহরণ: media="screen and (min-width:500px)"

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

HTML <link> ট্যাগ