linkラベルmediaパラメータの意味を説明します

フロントエンドの開発をして1年以上になりましたが、HTMLのタグのような細部に注目したことがありません.CSSを導入したり、サイトのICOアイコンを導入したりすることができますが、後ろにメディアパラメータがあります.これは何をしているか知っていますか.一般的なの使い方は次のコードにすぎます.

<link href="css.css" rel="stylesheet" type="text/css" media="screen" />

 
以上は、WebサイトのカスタムCSSファイルを導入し、WebサイトのICO LOGOアイコンを導入するために使用することもできます.例えば、フロントエンドフレームワークの共有

<link rel="shortcut icon" href="favicon.ico" media="all" />

 
一部の友达のlinkラベルのmedia属性はすべて空いていて、書かなくても大丈夫ですが、もしあなたのホームページが異なる端末装置に表示する必要があるならば、例えば印刷時に異なるレイアウトフォーマットを表示するならば、mediaパラメータを使う必要があります.例えば:

<link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" />
<link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />

 
上のコードは、印刷しないときはmedia=「screen」を使ってページを表示し、印刷するときはprintstyleを呼び出すという意味です.cssはホームページを表示して、ある友达は印刷するために、別のページを書いて、CSSを定義して、もしあなたがlinkラベルがまだこのように使うことができることを知っていたら、あなたはきっと自分が馬鹿だと笑うに違いありません.便宜上、ここではmediaのすべてのパラメータと意味を提供し、便利に使用します:フロントエンドフレームワークの共有

screen      （  ）。 
tty                      。 
tv        （    、       ）。 
projection    。 
handheld     （   、    ）。 
print       /    。 
braille          。 
aural      。 
all        。 

 
 
もしあなたのホームページの印刷時にパソコンに表示されているスタイルであれば、linkのmediaパラメータは、Screenの値を取ることも、allの値を取ることもできます.