link要素

TOPページに戻る > html入門

スポンサード リンク

link要素

リンク先との関係を指定できる要素です
外部cssのurlを指定することができます。複数の外部cssを使う場合は、link要素を複数使用して一つずつ指定していきます
media属性を同時に使用して、閲覧環境ごとにスタイルを指定することも可能です
link要素は終了タグがないので内容になるものはありません
link要素はhead要素の子要素です

使い方(書式)

<link>

link要素

対応ブラウザ ie6 ie7 ie8 ie9 ie10 ie11 google Chrome safari fire fox opera
要素の種類 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">




(C)2012 ホームページ作成無料