HTML Alfabetik
HTML Standart Özellikler
HTML Olay Özellikleri
HTML Dil Kodları
HTML Doctype
<!-- ... -->
<!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>
Örnek
<link rel="stylesheet" type="text/css" href="stil.css">
<link rel="stylesheet" type="text/css" href="yazdir.css" media="print">
Media özelliği popüler tarayıcılar tarafından desteklenmemektedir.
Media özelliği bağlantı verilen sayfanın hangi medya / cihaz için optimize edildiğini tanımlar.
Bu özellik, bağlantı verilen sayfanın özel cihazlar için (Örn: iPhone) konuşma ve yazdırma gibi özellikler için tasarlanmış olduğunu belirtir.
Bu özellik birçok değer alabilir.
Media özelliği HTML5 ile daha fazla değere sahip olabilir.
<link media=" medya-sorgusu ">
| 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. |
| 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 |
| 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ğ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)" |
HTML Referansları