HTML REFERANSLAR

HTML Alfabetik

HTML Standart Özellikler

HTML Olay Özellikleri

HTML Dil Kodları

HTML Doctype

HTML ETİKETLERİ

<!-- ... -->

<!DOCTYPE>

<a>

<abbr>

<acronym>

<address>

<applet>

<area>

<article>

<aside>

<audio>

<b>

<base>

<basefont>

<bdi>

<bdo>

<big>

<blockquote>

<body>

<br>

<button>

<canvas>

<caption>

<center>

<cite>

<code>

<col>

<colgroup>

<command>

<datalist>

<dd>

<del>

<details>

<dfn>

<dir>

<div>

<dl>

<dt>

<em>

<embed>

<fieldset>

<figcaption>

<figure>

<font>

<footer>

<form>

<frame>

<frameset>

<h1> ... <h6>

<head>

<header>

<hgroup>

<hr>

<html>

<i>

<iframe>

<img>

<input>

<ins>

<kbd>

<keygen>

<label>

<legend>

<li>

<link>

<map>

<mark>

<menu>

<meta>

<meter>

<nav>

<noframes>

<noscript>

<object>

<ol>

<optgroup>

<option>

<output>

<p>

<param>

<pre>

<progress>

<q>

<rp>

<rt>

<ruby>

<s>

<samp>

<script>

<section>

<select>

<small>

<source>

<span>

<strike>

<strong>

<style>

<sub>

<summary>

<sup>

<table>

<tbody>

<td>

<textarea>

<tfoot>

<th>

<thead>

<time>

<title>

<tr>

<track>

<tt>

<u>

<ul>

<var>

<video>

<wbr>

HTML <source> media Özelliği

HTML <source> Etiketi

Örnek

<source src="film.ogg" type="video/ogg" media="screen and (min-width:320px)">


Tarayıcı Desteği

Media özelliğini popüler tarayıcılar desteklememektedir.


Tanım ve Kullanımı

Medya özelliği medya kaynağının hangi medya / cihaz için optimize edildiğini tanımlar.

Bu özellik birçok değer alabilir.


HTML 4.01 ve HTML5 Farkları

Bu özellik HTML5 ile gelen yeni bir özelliktir.


Sözdizimi

<source media=" değer ">


Operatörler

DeğerTanım
andVe (and) operatörünü belirtir.
notDeğil (not) operatörünü belirtir.
,Yada (or) operatörünü belirtir.

Cihazlar

DeğerTanım
allVarsayılan. Tüm cihazlar
auralKonuşma birimleri içeren cihazlar
brailleBraille geri besleme cihazları
handhellEl cihazları (Küçük erkan, sınırlı bant genişliği)
projectionProjektörler
printYazdırma ön izleme / yazdırılacak sayfalar
screenBilgisayar ekranları
ttySabit sıklıklı karakter kullanan medya
tvTelevizyon türü aygıtlar (Düşük çözünürlük, sınırlı kaydırma olanağı)

Değerler

DeğerTanım
widthHedefin görüntüleme alan genişliğini belirtir.
min- ve max- ön ekleri kullanılır.
Örnek: media="screen and (min-width:300px)"
heightHedefin görüntüleme alan yüksekliğini belirtir.
min- ve max- ön ekleri kullanılır.
Örnek: media="media="screen and (max-height:700px)""
device-widthHedefin görüntülenme genişliğini belirtir.
min- ve max- ön ekleri kullanılır.
Örnek: media="screen and (device-width:500px)"
device-heightHedefin görüntülenme yüksekliğini belirtir.
min- ve max- ön ekleri kullanılır.
Örnek: media="screen and (device-height:500px)"
orientationHedef görüntünün/kağıdın yönünü belirtir.
Alabileceği değerler: "portrait" dikey - "landscape" yatay
Örnek: media="all and (orientation: landscape)"
aspect-ratioHedefin görünteleme alanı genişlik / yükseklik oranını belirtir.
min- ve max- ön ekleri kullanılır.
Örnek: media="screen and (aspect-ratio:16/9)"
device-aspect-ratioHedef görüntünün/kağıdın cihaz genişliği/cihaz yüksekliği oranını belirtir.
min- ve max- ön ekleri kullanılır.
Örnek: media="screen and (device-aspect-ratio:16/9)"
colorHedef ekranın renk başına bit değerini belirtir.
min- ve max- ön ekleri kullanılır.
Örnek: media="screen and (color:3)"
color-indexHedef ekranın işlenebilir renk sayısını belirtir.
min- ve max- ön ekleri kullanılır.
Örnek: media="screen and (min-color-index: 256;)"
monochromeTek renkli çerveçe tamponunda piksel başına bit belirtir.
min- ve max- ön ekleri kullanılır.
Örnek: media="screen and (monochrome:2)"
resolutionHedef görüntünün/kağıdın piksel yoğunluğunu (dpi veya dpcm) belirtir.
min- ve max- ön ekleri kullanılır.
Örnek: media="print and (resolution:300dpi)"
scanTv ekranının tarama yöntemini belirtir.
Alabileceği değerler: "progressive" ilerleme - "interlace" geçmeli
Örnek media="tv and (scan:interlace)"
gridÇıkıç cihazının grid (ızgara) - bitmap olduğunu belirtir.
Alabileceği değerler: 1 = grid - 0 = diğer
Örnek: media="handheld and (grid:1)"

HTML <source> Etiketi

Referanslar

HTML Referansları