外部CSSをtitle属性付きのlink要素で読み込む場合の注意

ブラウザのデフォルトCSSを有る程度統一するCSSを公開しており、それ自体はとても有益なのだが、外部CSSの読み込み方法に問題がある。

使い方は簡単。読み込むにも色々方法あるけど、例えば、製作の時にdefault.cssと、もう1つサイトデザインのスタイルを纏めたcssファイルを書いて、(X)HTML文書のhead要素内で

<link rel="stylesheet" href="path/default.css" type="text/css" title="default" />
<link rel="stylesheet" href="path/bazooka.css" type="text/css" title="Bazooka Style" />

という順で読み込んでもいいし、

link要素にtitle属性をつけた場合、優先スタイルシートとなる。これにより、正しい挙動のブラウザ(Firefoxなど)は「default」をtitle属性に持つ「default.css」のみを読み込み、「Bazooka Style」に属する「bazooka.css」の読み込みは行わない。

詳細については勧告内の該当部分や、Web標準普及プロジェクトの解説を参照のこと。