HTML <area> media প্রতিভা
অর্থ ও ব্যবহার
মিডিয়া
প্রতিভা নির্দিষ্ট করে লিঙ্ককৃত ডকুমেন্টটি কোন মিডিয়া বা ডিভাইসের জন্য অপটাইমাইজ করা হয়েছে
এই প্রতিভা বিশেষ ডিভাইস (যেমন iPhone) বা বক্তৃতা বা প্রিন্ট মিডিয়ার জন্য ডিজাইন করা ইউরি নির্দিষ্ট করে
এই প্রতিভা একাধিক মান গ্রহণ করতে পারে
সম্পর্কিত হলেই href প্রতিভা মিডিয়া প্রতিভার মাধ্যমে নির্দিষ্ট করা হয়েছে
দৃষ্টান্ত:এই প্রতিভা শুধুমাত্র পরামর্শমূলক।
উদাহরণ
মিডিয়া প্রতিভার মাধ্যমে লক্ষ্য ইউরি অপটাইমাইজ করার জন্য মিডিয়া/ডিভাইস নির্দিষ্ট করুন:
<map name="planetmap"> <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html" media="screen and (min-color-index:256)" </map>
গঠনশৈলী
<area media="value>
সম্ভাব্য অপারেটর
অপারেটর | বর্ণনা |
---|---|
and | নির্দিষ্ট AND অপারেটর |
not | নির্দিষ্ট NOT অপারেটর |
, | নির্দিষ্ট OR অপারেটর |
device
মান | বর্ণনা |
---|---|
সব ডিভাইসের জন্য যোগ্য | ডিফল্ট |
aural | আউডিও সিন্থেসাইজার |
braille | ব্রেল ফিডব্যাক ডিভাইস |
handheld | হ্যান্ডহোল্ড ডিভাইস (ছোট স্ক্রিন, সীমিত ব্যান্ডওয়াইড) |
projection | প্রজেকশন |
প্রিন্ট প্রেভিউ মোড/প্রিন্ট পেজ | |
screen | কম্পিউটার স্ক্রিন |
tty | টেলিটাইপ প্রিন্টার এবং একই চাবির গ্রিডের ব্যবহারকারী মাধ্যম |
tv | টেলিভিশনের ধরনের ডিভাইস (নিম্ন রেজলিউশন, সীমিত পেজিং ক্ষমতা) |
মান
মান | বর্ণনা |
---|---|
width |
নির্দিষ্ট লক্ষ্য ডিসপ্লেয়ার প্রদর্শন অঞ্চলের প্রস্থ পূর্বসূচক "min-" এবং "max-" ব্যবহার করা যেতে পারে উদাহরণ: media="screen and (min-width:500px)" |
height |
নির্দিষ্ট লক্ষ্য ডিসপ্লেয়ার প্রদর্শন অঞ্চলের উচ্চতা পূর্বসূচক "min-" এবং "max-" ব্যবহার করা যেতে পারে উদাহরণ: media="screen and (max-height:700px)" |
device-width |
নির্দিষ্ট লক্ষ্য ডিসপ্লেয়ার/কাগজের প্রস্থ পূর্বসূচক "min-" এবং "max-" ব্যবহার করা যেতে পারে উদাহরণ: media="screen and (device-width:500px)" |
device-height |
নির্দিষ্ট লক্ষ্য ডিসপ্লেয়ার/কাগজের উচ্চতা পূর্বসূচক "min-" এবং "max-" ব্যবহার করা যেতে পারে উদাহরণ: media="screen and (device-height:500px)" |
orientation |
নির্দিষ্ট লক্ষ্য ডিসপ্লেয়ার/কাগজের দিশা সম্ভাব্য মান: "portrait" বা "landscape" উদাহরণ: media="all and (orientation: landscape)" |
aspect-ratio |
নির্দিষ্ট লক্ষ্য ডিসপ্লেয়ার/কাগজের প্রদর্শন অঞ্চলের প্রস্থ/উচ্চতা অনুপাত পূর্বসূচক "min-" এবং "max-" ব্যবহার করা যেতে পারে উদাহরণ: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio |
নির্দিষ্ট লক্ষ্য ডিসপ্লেয়ার/কাগজের device-width/device-height অনুপাত পূর্বসূচক "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)" |
monochrome |
একবংশ ফ্রেম বাফারের প্রত্যেক পিক্সেলের বিট নির্ধারণ করে পূর্বসূচক "min-" এবং "max-" ব্যবহার করা যেতে পারে উদাহরণ: media="screen and (monochrome:2)" |
resolution |
লক্ষ্য সম্প্রচারক/কাগজের পিক্সেল ঘনত্ব (dpi বা dpcm) নির্ধারণ করে পূর্বসূচক "min-" এবং "max-" ব্যবহার করা যেতে পারে উদাহরণ: media="print and (resolution:300dpi)" |
স্ক্যান |
টিভি সম্প্রচারকের স্ক্যান পদ্ধতি নির্ধারণ করে সম্ভাব্য মান: "progressive" এবং "interlace"。 উদাহরণ: media="tv and (scan:interlace)" |
গ্রিড |
সম্প্রচার সাজের হল গ্রিড হবে বা বিটম্যাপ সম্ভাব্য মান: "1" গ্রিড, "0" অন্যান্য。 উদাহরণ: media="handheld and (grid:1)" |
ব্রাউজার সমর্থন
চ্রোম | এডজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
---|---|---|---|---|
চ্রোম | এডজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |