何がダメなのかわからない

Question

http://validator.w3.org/check?uri=referer
で自分のサイトを見てみたら、
62 Errors, 3 warning(s)
となり、たくさんのエラーに驚きました。

ただなぜエラーになるのかわからない部分があります。

例えば、
<body text="gray" link="#808080">
がエラーとなっていますが、何がいけないのでしょうか？

---------------------------------------------------------
Line 10, Column 12: there is no attribute "TEXT"

<body text="gray" link="#808080">

✉

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

---------------------------------------------------------

と書いてあります。

element to incorporate flash media in a Web page, see the FAQ item on valid flash. --------------------------------------------------------- と書いてあります。

ORUKA1951 · Accepted Answer

⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html )
なら日本語で懇切丁寧に説明してくれます。
　右上のDATAタグでチェックするなら、サーバーになくても大丈夫です。

仕様書( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )
　→要素索引( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/index/elements.html )
　　BODY( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#edef-BODY )
　にて、

background = uri [CT]
    推奨しない。 この属性の値は、画像資源を指し示すURIである。この画像は一般に、視覚系ブラウザで背景に敷き詰められる。 
text = color [CI]
　　推奨しない。 この属性は、視覚系ブラウザでの、テキストの前景色を設定する。 
link = color [CI]
　　推奨しない。 この属性は、視覚系ブラウザでの、未訪問ハイパーテキストリンクを示すテキストの色を設定する。 
vlink = color [CI]
　　推奨しない。 この属性は、視覚系ブラウザでの、既訪問ハイパーテキストリンクを示すテキストの色を設定する。
alink = color [CI]
　　推奨しない。 この属性は、視覚系ブラウザでの、選択中ハイパーテキストリンクを示すテキストの色を設定する。

とこれらはすべて非推奨です。
　可能なのはグローバル属性の
%coreattrs
　　id class style title
%i18n:
　　lang dir
%events
　onclick ondblclick onmousedown onmouseup onmouseover onmousemove 
　onmouseout onkeypress onkeydown onkeyup
ですね。

いずれにしても、HTML4.01strict,XHTML1.0strict,XHTML1.1、およびHTML5ではエラーにます。
　これらは、「HTMLのプレゼンテーション属性ではなくスタイルシートを使用すべきである。スタイルシートによる代替が可能なHTMLのプレゼンテーション属性は、推奨しないこととなった。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )」-1999年ですから、将来的に、ほぼ完全に使うことができなくなると考えて良いでしょう。
　strictで作成し、スタイルシートでプレゼンテーションを指定していく開発方法にしましょう。

kmee · Answer

理由も、修正方法も、全部そのメッセージに書いてありますよ。
読んだ上で、それでも理解できないことを聞きましょう。

k_kota · Answer

表示されればいいじゃん、スキルとしては評価されないけど、っていうのが一つ。

そういう事を気にする位なら英語は読んだほうがいいと思います、どうせソッチ系の用語しか出ないので、語彙はたかが知れてますし、技術系の英語は表面通りで読みやすい。

んで、body要素に文字色を入れるのは古いやり方で、
この文書自体はそれに対応していない新しいバージョンとして書かれているのでエラーになります。
厳密なバージョンなので、移行用のゆるいやつを使えばエラーにはならないですよ、ただしその形式自体はだいぶ古いので今から書くならやめた方がいいですよってことです。

ちょっとした「ホームページ」だけが目的ならこれでもいいと思いますが、
ちゃんとしたWEBサイトを作るならある程度標準的な作り方にする方が良いと思います。

tkmojo · Answer

＞ <body text="gray" link="#808080">

html4.01 traditionalとxhtml1.0 traditionalの場合は
間違いというわけじゃないですが、「非推奨」の書き方です。
htmlは構造だけ書いて、見た目に関してはcssを使うのが現在の主流です。
チェックツールによってはエラーが出ると思います。

html4.01 strictとxhtml1.0 strict、html5の場合は
text=""やlink=""は廃止されていますので、使ってはいけない、間違いの記述となります。
全てのチェックツールでエラーが出ると思います。

どちらにしろ、cssが一般的になる前のものすごく古い書き方ですので
cssで書く事をお勧めします。

gragra24 · Answer

エラーメッセージ通り、ボディタグにはテキスト属性がないよということでは。

何がダメなのかわからない

⇒Another HTML-lint 5(

理由も、修正方法も、全部そのメッセージに書いてありますよ。

表示されればいいじゃん、スキルとしては評価されないけど、っていうのが一つ。

＞ <body text="gray" link="#808080">

エラーメッセージ通り、ボディタグにはテキスト属性がないよということでは。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

　⇒Another HTML-lint 5(