スポンサード リンク
link要素
リンク先との関係を指定できる要素です
外部cssのurlを指定することができます。複数の外部cssを使う場合は、link要素を複数使用して一つずつ指定していきます
media属性を同時に使用して、閲覧環境ごとにスタイルを指定することも可能です
link要素は終了タグがないので内容になるものはありません
link要素はhead要素の子要素です
使い方(書式)
<link>
link要素
対応ブラウザ | |
要素の種類 | head要素の子要素 |
内容となる要素 | なし |
属性 | 説明 |
rel属性 | リンクの形式を指定します。cssを使い場合はstylesheetと指定します |
href属性 | 値に外部cssのファイル名を記入します |
type属性 | cssを指定する場合、text/cssと指定します |
media属性 | 閲覧環境によってどのcssを指定するか指定します
メディア名はこちらを参考にしてください |
共通属性 | html共通属性 |
イベント属性 | htmlイベント属性 |
実際の指定方法
html
外部cssを読み込み、hoge.cssのファイル、読み込むタイプはcss
<link rel="stylesheet" href="hoge.css" type="text/css">
外部cssを読み込み、print.cssのファイル、読み込むタイプはcss、印刷するときにこのcssを使用する
<link rel="stylesheet" href="print.css" type="text/css" media="print">