Медиа qуериес
Медиа Qуериес (српски: упити медија) је ЦСС3 модул који омогућава рендеровање садржаја како би се прилагодио условима као што је резолуција екрана (нпр. екрану телефона и екрану рачунара). Постао је W3Ц препоручени стандард у јуну 2012.[1].
Историја
[уреди | уреди извор]Медиа qуериес су осмишљени у Хåкон Wиум Лие-овом почетном предлогу ЦСС-а 1994,[2] али нису постали део ЦСС1. ХТМЛ4 препорука из 1997 приказује пример како се Медиа Qуериес могу додати у будућности.[3] У 2000, W3Ц почиње да ради на Медиа Qуериес и на другој шеми за подршку различитих уређаја: CC/ПП. Ово су две ствари које решавају исти проблем, али CC/ПП је оријентисан ка серверу, док су Медиа Qуериес оријентисани ка претраживачу.[4] Први јавни радни нацрт за Медиа Qуериес је објављен 2001.[5] Спецификација постаје део W3Ц препоруке 2012. након што су претраживачи додали подршку.
Коришћење медиа qуериес
[уреди | уреди извор]Медиа qуерy се састоји од типа медија и једног или више израза, укључујући медија карактеристике, које могу имати вредност или труе или фалсе. Резултат упита је тачан ако се тип медија наведен у упиту поклапа са типом уређаја на ком је приказан документ и ако су сви изрази у упиту тачни. Када је упит тачан, одговарајући стил стране или правила стила се примењују, праћен нормалним каскадним стилом.[6][7]
Један једноставан пример:
@media screen and (min-width:500px) { ... }
Тип медија
[уреди | уреди извор]Тип медија може бити декларисан у хеад ХТМЛ документа користећи "медиа" атрибут унутар <линк> елемента. Вредност "медиа" атрибута одређује на ком уређају ће се линковон документ приказати.[8] Типови медија могу бити декларисани и у XМЛ инструкцијама, @импорт ат-руле, и @медиа ат-руле. ЦСС2 дефинише следеће типове медија:[9]
- браилле
- ембоссед
- хандхелд
- принт
- пројецтион
- сцреен
- спеецх
- ттy
- тв
Тип медија "алл" се може користити да се укаже да се стил стране примењује на се типове медија.[10]
Карактеристике медија
[уреди | уреди извор]Следећа табела садржи карактеристике медија набројане у последњој W3Ц препоруци за медиа qуериес, (19. 6. 2012).[11]
| Карактеристика | Вредност | Мин/Маx | Опис |
|---|---|---|---|
| цолор | интегер | да | број битова по компоненти боје |
| цолор-индеx | интегер | да | број уноса у табели претраживања боја |
| аспецт-ратио | интегер/интегер | да | однос ширине и висине (wидтх/хеигхт) |
| девице-аспецт-ратио | интегер/интегер | да | однос ширине и висине на уређају (девице-wидтх/девице-хеигхт) |
| девице-хеигхт | дужина | да | висина на излазном уређају |
| девице-wидтх | дужина | да | ширина на излазном уређају |
| грид | интегер | не | тачно за уређаје са гридом |
| хеигхт | дужина | да | висина рендиране површине |
| моноцхроме | интегер | да | број битова по пикселу у монохроматском фрејм баферу |
| ресолутион | резолуција ("дпи" или "дпцм") | да | резолуција |
| сцан | "прогрессиве" или "интерлацед" | не | процес скенирања за "тв" тип медија |
| wидтх | дужина | да | ширина рендиране површине |
| ориентатион | портраит или ландсцапе | не | оријентација документа |
Референце
[уреди | уреди извор]- ^ Медиа Qуериес Публицатион Хисторy 19 Јуне 2012
- ^ Хåкон Wиум Лие. „Цасцадинг ХТМЛ Стyле Схеетс”. Приступљено 20. 1. 2013.
- ^ Басиц ХТМЛ дата тyпес
- ^ Ре: Феедбацк он Медиа Qуериес ЦР фром Хåкон Wиум Лие он 2002-07-17 (www-стyле@w3.орг фром Јулy 2002)
- ^ Медиа qуериес
- ^ „ЦСС медиа qуериес”. Мозилла Девелопер Нетwорк анд индивидуал цонтрибуторс. Приступљено Новембер 2012. Проверите вредност парамет(а)ра за датум:
|аццесс-дате=(помоћ) - ^ Хоw то цреате медиа qуериес ин Респонсиве Wеб Десигн - 31ст Јулy 2012
- ^ „ХТМЛ линк таг”. W3Сцхоолс. Приступљено Новембер 2012. Проверите вредност парамет(а)ра за датум:
|аццесс-дате=(помоћ) - ^ „Медиа Qуериес”. Wорлд Wиде Wеб Цонсортиум. Приступљено Новембер 2012. Проверите вредност парамет(а)ра за датум:
|аццесс-дате=(помоћ) - ^ „Медиа Qуериес”. Wорлд Wиде Wеб Цонсортиум. Приступљено Новембер 2012. Проверите вредност парамет(а)ра за датум:
|аццесс-дате=(помоћ) - ^ „Медиа Qуериес”. Ситепоинт. Приступљено Новембер 2012. Проверите вредност парамет(а)ра за датум:
|аццесс-дате=(помоћ)