HTML REFERANSLAR

HTML Alfabetik

HTML Standart Özellikler

HTML Olay Özellikleri

HTML Dil Kodları

HTML Doctype

HTML ETİKETLERİ

<!DOCTYPE>

<a>

<abbr>

<area>

<aside>

<audio>

<b>

<base>

<bdi>

<bdo>

<big>

<body>

<br>

<cite>

<code>

<col>

<dd>

<del>

<dfn>

<dir>

<div>

<dl>

<dt>

<em>

<embed>

<font>

<form>

<frame>

<head>

<hr>

<html>

<i>

<img>

<input>

<ins>

<kbd>

<label>

<li>

<link>

<map>

<mark>

<menu>

<meta>

<meter>

<nav>

<ol>

<p>

<param>

<pre>

<q>

<rp>

<rt>

<ruby>

<s>

<samp>

<small>

<span>

<style>

<sub>

<sup>

<table>

<tbody>

<td>

<tfoot>

<th>

<thead>

<time>

<title>

<tr>

<track>

<tt>

<u>

<ul>

<var>

<video>

<wbr>

HTML <source> media Özelliği

HTML <source> Etiketi

Örnek

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

Operatörler

Değer	Tanım
and	Ve (and) operatörünü belirtir.
not	Değil (not) operatörünü belirtir.
,	Yada (or) operatörünü belirtir.

Cihazlar

Değer	Tanım
all	Varsayılan. Tüm cihazlar
aural	Konuşma birimleri içeren cihazlar
braille	Braille geri besleme cihazları
handhell	El cihazları (Küçük erkan, sınırlı bant genişliği)
projection	Projektörler
print	Yazdırma ön izleme / yazdırılacak sayfalar
screen	Bilgisayar ekranları
tty	Sabit sıklıklı karakter kullanan medya
tv	Televizyon türü aygıtlar (Düşük çözünürlük, sınırlı kaydırma olanağı)

Değerler

Değer	Tanım
width	Hedefin görüntüleme alan genişliğini belirtir. min- ve max- ön ekleri kullanılır. Örnek: media="screen and (min-width:300px)"
height	Hedefin 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-width	Hedefin görüntülenme genişliğini belirtir. min- ve max- ön ekleri kullanılır. Örnek: media="screen and (device-width:500px)"
device-height	Hedefin görüntülenme yüksekliğini belirtir. min- ve max- ön ekleri kullanılır. Örnek: media="screen and (device-height:500px)"
orientation	Hedef 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-ratio	Hedefin 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-ratio	Hedef 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)"
color	Hedef ekranın renk başına bit değerini belirtir. min- ve max- ön ekleri kullanılır. Örnek: media="screen and (color:3)"
color-index	Hedef 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;)"
monochrome	Tek renkli çerveçe tamponunda piksel başına bit belirtir. min- ve max- ön ekleri kullanılır. Örnek: media="screen and (monochrome:2)"
resolution	Hedef 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)"
scan	Tv 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)"