<LINK REL=…>について。

[新着] Webテンプレートを仮オープンしました



0   名前: A.S : 2004/10/06 15:50
未だに、文法間違いが多いため「Another HTML-lint」での
チェックを行うようにしています。
現在、外部スタイルシートを使う形で制作を進めているのですが、
この時に<HEAD></HEAD>内に入れるとされている<LINK REL="stylesheet"〜>
が引っ掛かってしまいます。
<LINK〜>があることにより、「</HEAD>と<BODY>が省略されている」
「<BODY>〜</BODY>内に<LINK〜>がある」…などの指摘がされます。
(実際に<LINK〜>を記述しているのは<HEAD></HEAD>内で、<BODY><HEAD>の
双方とも、閉じてあり、重複もしていません)
<LINK〜>さえ外せば、ほぼ満点なのですが、スタイルシートに関する記述に
なにかルールがあるなど、根本的に間違えているのでしょうか。

1   名前: モノ : 2004/10/06 16:18
ソースを提示した方が原因の把握に役立つと思います。

2   名前: A.S : 2004/10/06 16:51
ごもっともでした。
実際は、過去に作成したファイルを多数試験していましたが、
この(内容が空っぽの)ベースとなるファイルと完全に同じ結果と
なります。

http://tenet.web.infoseek.co.jp/test.html

ちなみに、8行目の<LINK〜>のみを削除すると、満点になります
(つまり、</HEAD>などは最初から記述してあります)。
<LINK REV="MADE" HREF="mailto:〜"><LINK REL="NEXT" HREF="〜">などは
故意に外した状態です。

3   名前: DOCTYPE! : 2004/10/06 18:06
提示されたHTMLファイルのソースの8行目

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

行の最後に全角スペースがあるのが原因です。

head要素は、直接全角スペースを内容にできませんので、
その部分で

> 「</HEAD>と<BODY>が省略されている」

とみなされるのです。

全角スペースは見落としがちですが、優秀なテキストエディタなら、
全角スペースを「□」のように表示させる設定があると思いますので、
調べてみると良いかと。

4   名前: A.S : 2004/10/07 12:02
なるほど、よくわかりました!

>head要素は、直接全角スペースを内容にできませんので、

…ということを知らずにいました。故意に入れたりはしませんが…
参考にしていたサイトの例文にスペースが入っていたものを気付かず
コピィして使い、それを長々と踏襲してしまっていたようです。
エディタの設定で、全角スペースを表示するようにしました。
お早い回答、本当にありがとうございます。

一覧へ戻る