タグのアーカイブ: html (RSS)

Googleも間違えるhtml

このblogの右下に、Google Readerのshare機能で提供されているスニペットを貼り付けてみたところ、W3Cのvalidatorで怒られてしまいました。

いけない場所は

google/broadcast?n=5&callback=GRC

で、案の定というかよくある間違いなんだけど、やはりhtmlとして間違ってるので勝手に修正しました。

google/broadcast?n=5&callback=GRC

この間違い、ブログパーツやアフィリエイトなど、ありとあらゆるところで見られますね。

「動けばいい」って人は気にしないでいいんでしょうけど、validatorへのリンク貼ってるページでinvalidってのは恥ずかしいので、ね。
そういえばYouTubeのembedがあるページはもっと怒られますが、そっちはあきらめました;)

<noscript>の使い方

ひさしぶりにhtmlを書いてて思ったのでメモ

<noscript>の使い方のダメな例

タグリファレンスによく載ってる典型的なダメな例(笑)

<script>
// きっと、エラーまみれのロクにデバッグされてないscriptがずらずらと書いてある
// ひょっとしてコピペの繰り返しで、何やってるのかよくわかってないんじゃない?
</script>
<noscript>このページはJavaScriptを使用しています</noscript>

え?なんでダメかって?
noscript はスクリプトに対応していない環境のために代替となる内容を表示するための要素だからですよ。
「このページはJavaScriptを使用しています」
じゃ、代替にならないじゃないですか(笑)

<noscript>の正しい使い方の例

selectリストでページの表示内容を切り替えることができるgetメソッドを使用したformの中で考えてみよう

<select … onchange=”submit();”>
<options>…</options>…
</select>
<noscript>
<input type=”submit” value=”表示を切り替える” />
</noscript>

<script>に対応する形にはならなかったけど、自動的にsubmitするjavascriptの力に対して、見事に代替機能になってるでしょ?

おまけ

scriptが動かないブラウザのために、noscriptの中で代替となる同等の機能を用意するか、別の手段を用意するべきです。
もし、scriptが動かなくてもアクセシビリティに支障がないのなら、noscriptは用意する必要がないでしょう。

いまだにちゃんと使われない実体参照

html/xhtmlでは
&&amp;と書く
ただそれだけのことなのに、いまだに属性の中(hrefやsrcの中)では忘れ去られているようです

ま、それでも動くのがそもそもダメなんですけど、いいところでもあるわけで・・・
# そーいや確かJustViewでは実体参照を書くと動かなかったりした記憶も。。。