HTML <a> media অ্যাট্রিবিউট
বিবরণ ও ব্যবহার
media
অ্যাট্রিবিউট লিঙ্ক ডকুমেন্টটি কোনও মিডিয়া বা ডিভাইসের জন্য কীভাবে অপটিমাইজ করা হয়েছে তা নির্ধারণ করে。
এই অ্যাট্রিবিউট টারগেট URL-কে কোনও বিশেষ ডিভাইস (যেমন iPhone) বা বক্তৃতা বা প্রিন্ট মিডিয়ার জন্য নির্মিত হওয়ার জন্য নির্দেশ করে。
এই অ্যাট্রিবিউট একাধিক মান গ্রহণ করতে পারে。
শুধুমাত্র href অ্যাট্রিবিউট উপস্থিত হলে ব্যবহার করা হবে。
মনতোষ্ণা:এই অ্যাট্রিবিউট শুধুমাত্র পরামর্শদাত্রী হয়েছে।
উদাহরণ
মিডিয়া অ্যাট্রিবিউট সম্পন্ন লিঙ্কটি নির্ধারণ করেছেন:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> প্রিন্ট প্রয়োগের media অ্যাট্রিবিউট পেজ খুলুন </a>
স্ক্রিপ্ট
<a media="value>
সম্ভাব্য অপারেটর
অপারেটর | বর্ণনা |
---|---|
and | নির্দিষ্ট করা হয়েছে AND অপারেটর |
not | নির্দিষ্ট করা হয়েছে NOT অপারেটর |
, | নির্দিষ্ট করা হয়েছে OR অপারেটর |
ডিভাইস
মান | বর্ণনা |
---|---|
all | ডিফল্ট।সকল ডিভাইসের জন্য উপযুক্ত |
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)" |
scan |
tv ডিসপ্লের স্ক্যান পদ্ধতি নির্ধারণ করে সম্ভাব্য মান: "progressive" ও "interlace" উদাহরণ: media="tv and (scan:interlace)" |
grid |
প্রদত্ত আউটপুট ডিভাইসটি গ্রিড হবে কিংবা বিটম্যাপ সম্ভাব্য মান: "1" গ্রিড, "0" অন্য উদাহরণ: media="handheld and (grid:1)" |
ব্রাউজার সমর্থন
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
---|---|---|---|---|
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |