<link rel="stylesheet" type="text/css" href="">
<link rel="stylesheet" type="text/css" href="example.css">
属性 | 値 | 説明 |
---|---|---|
rel="" | stylesheet | |
type="" | text/css | CSSのMIMEタイプを指定 |
href="" | URI | 読み込むスタイルシートファイルを指定 |
media="" | メディアタイプ | 対象とするメディアの指定 (初期値は screen) |
外部スタイルシートファイル(CSSファイル)の拡張子は .css になります。
media属性を使用すると、そのスタイルをどのメディアに対して適用させるかを指定することができます。
この属性の値(メディアタイプ)は、カンマ( , )で区切って複数指定することが可能です。
例えば、以下のように指定した場合は、「style1.css」はコンピュータ(screen)とテレビ(tv)で、「style2.css」はプリンタ(print)で使用されることになります。
<link rel="stylesheet" type="text/css" href="style1.css" media="screen, tv">
<link rel="stylesheet" type="text/css" href="style2.css" media="print">
【外部スタイルシートファイルの内容について】
外部スタイルシートファイルの内容には、以下の記述は必要ありません。(style要素は使用しません)
<style type="text/css">
</style>
使用例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>
<link rel="stylesheet" type="text/css" href="example.css">
</head>
<body>
</body>
</html>
- サイト内検索