超入門 HTML5

HTML5 の入門向けの解説をしているサイトです

media 属性

属性の説明リンク先のメディアを指定する。
指定できる要素link 要素
style 要素
area 要素
source 要素(HTML 5.1 以降)
属性の値対応するメディア


対応するメディアの一覧
属性の値機能
all全てのデバイスを表わします。初期設定値。
aural音声合成装置を表わします。
braille点字ディスプレイを表わします。
embossed点字プリンタを表わします。
handheld携帯電話など、画面が小さいデバイスを表わします。
printプリンタでの印刷を表わします。
projectionプロジェクタを表わします。
screenパソコン、スマートフォンなどのスクリーンを表わします。
ttyテレタイプなど、表示文字幅が固定されたデバイスを表わします。
tvテレビなど、解像度や色数に制限があるデバイスを表わします。

サンプル

<!DOCTYPE html>
<html lang="ja">
 <head>
  <meta charset="UTF-8">
  <title>タイプライター</title>
  <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" title="css style">
  <link rel="alternate stylesheet" href="alt.css"/>
 </head>
 <body>
  <h1>タイプライターとは?</h1>
  <p>文字盤を打鍵することで活字を紙に打ち付け、文字を印字する機械。</p>
 </body>
</html>