べつになんでもないこと

戯れにAnother HTML-lint gatewayをやってみた。

<a href="#0115sp1"><hr id="0115sp1"></a> をしこたま怒られた。

Another HTML-lint : Explanation

DOCTYPEの意味をわからずに、「とにかくHTML4.0のやつ」と不用意に宣言している人はこの警告を大量に食らうことになります。そういう人は、とりあえずHTML4.01 Transitionalな宣言を付けましょう。そしてその意味を勉強してください。

　':,　　　　 ',　　　_____,,.. -‐ ''"´￣￣｀"'' ｰ　､.,　　　　　　　　 　／
　　':,　　　　',　　 ＞'　´　　　　　　　　　　　　　｀ヽ.　　　　　　 /　　し　バ
　　　':,　　　　 ／　　　　　　　　　　　　　　　　　 　 ヽ.　　　　 ,'　　 な　カ
　　　　':,　　 ,:' ／　　 ／　 　,'´　　　　　　　 ヽ.　　 　 ':,/Ti　 i.　　 い　に
.　＼　　　　,' /　　　/　 ,'　　!　　　　 　;　 　',　 ヽ__　／::::| |　|　　 で　
　　　＼　 / ,'　　　,'!　 /!　　!　 　;　　/!　　　i　 「:::|'´::::::::| |　.!.　　 く
　　　　 ∠__,!　　 / !メ､」_,,./| 　 /!　/　!　　 ﾊ!　|__」＜:::::」」　|.　　 れ
｀"''　 ､..,,_　 !　 /　,ｧ7´, `iヽ|　/　|ヽ､」ﾆイ､　|　 !　|^ヽ､」」 　|.　　 る
　　　　　　　i,／ﾚｲ　i┘　i.　ﾚ' 　 'ｱ´!_」 ハヽ|　　　|　　　| ∠　　　! ?
─--　 　 　/　　 !　 ゝ- '　　　　 　　! 　　 !　!　　　|　　　|　　｀ヽ.
　　　　　　/　 　7/l/l/　　　､　　 　　`'ｰ‐ '_ノ!　　　|　 i　 |　 　　｀ ' ｰ---
,. -──-'､　　,人　　　　｀i`ｧｰ-- ､　　/l/l/l |　　　 !.　|　 |
　　　　　　 ヽ.ｿ　 `: ､. 　　ﾚ'　　　　', 　 u　,/|　　　 |　 !　 |
　そ　　知　　i　　/ｰﾅ= ､ '､　　　　ﾉ　　,.イ,ｶ　　　 !　 |　 |
　の　　 っ 　.|ﾍ./|／レへ｀＞-r　 =ﾆi´､.,_　|　 i　 ﾊ　 !　,'
　く　　 て　　 !　　　　 _,.イ´ヽ.7　　 ／　 /:::|　/ﾚ'　 ﾚ'ﾚ'
　ら　　る　　 | 　　／7:::::!　　○Ｏ'´　　/::::::ﾚ'ヽ.
　い　 .わ　　.|　 /　 /:::::::レ'/ムヽ.　　/::::::::/ 　 ヽ.
　! !　　よ　　 ! ./　 ,':::::::::::!/　ハ:::::｀´:::::::::::;'　　　　',

このAAが分からない人のための説明→チルノが「９(バカ)」と呼ばれる所以 : デ・レ・メタリカ（幻想）
チルノじゃなかったルーミアだった。実は東方のことは、ほとんど知らないです。orz

そもそもそんなことしていいなんて思ってなかったんだから
し、しゅ、主要ブラウザで動くから、便利に使ってただけなんだから。orz

流石に2009/12/31から全て書き換えるのも時間の無駄なので、せめて今月分だけでも後から書き換えます。

それにともない、hrタグをaタグで囲った場合のCSSを消しますので、今年以前の記事の仕切り線はクリックしにくくなります。
今年の分は新たに、hrタグにheightを指定するとFirefox、Chrome、IE8で見え方が違うの1.のスタイルで定義しなおしたaタグにします。

こんなかんじ

a.ahr {
  display: block;
  border: solid #D8DDDC;
  border-width: 8px 0;
  background: #777;
  padding-top: 1px;
  margin: 24px 0;
}

<a class="ahr" href="#P01171" id="P01171"></a>

つうか、最初からaタグだけでよかったんや……＿ﾉ乙(､ﾝ､)

つづく。複数ネタの区切りをなおしてみた