media
Ta’rif va qo‘llanilishi
media atributi bog‘langan hujjat qaysi media/qurilma uchun optimallashtirilganini belgilaydi.
Bu atribut maqsadli URL maxsus qurilmalar (masalan, iPhone), nutq yoki chop etish vositalari uchun mo‘ljallanganini ko‘rsatish uchun ishlatiladi.
Bu atribut bir nechta qiymat qabul qilishi mumkin.
Qo‘llaniladigan elementlar
media atributini quyidagi elementlarda ishlatish mumkin:
Misollar
A misoli
media atributiga ega havola:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
O‘zingiz sinab ko‘ring »
Area misoli
Bosiladigan hududga ega rasm xaritasi:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm" media="screen and (min-color-index:256)">
</map>
O‘zingiz sinab ko‘ring »
Link misoli
Ikki xil media turi (ekran va chop etish) uchun ikki xil uslublar jadvali:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
O‘zingiz sinab ko‘ring »
Source misoli
media atributidan foydalanish:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
O‘zingiz sinab ko‘ring »
Style misoli
Chop etish uchun ishlatiladigan uslubni belgilang:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
media atributining har bir element uchun brauzerlarda qo‘llab-quvvatlanishi quyidagicha:
| Element | |||||
|---|---|---|---|---|---|
| a | Ha | Ha | Ha | Ha | Ha |
| area | Ha | Ha | Ha | Ha | Ha |
| link | Ha | Ha | Ha | Ha | Ha |
| source | Qo‘llab-quvvatlanmaydi | Qo‘llab-quvvatlanmaydi | Qo‘llab-quvvatlanmaydi | Qo‘llab-quvvatlanmaydi | Qo‘llab-quvvatlanmaydi |
| style | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!