マークアップをかなり変えた2013-12-09マークアップをかなり変えた思うところがあったのでマークアップを変更していた。「背景画像として表示されるべきではないものを背景画像として表示しているのは良くないのではないか?」みたいな夢を見た後、じゃあ「まず変えてみよう!」みたいな。なんか変だなと思ったらF5すれば直る(はず)。noneしててひどいmain要素さん、こんにちは!h2で始まっていたコンテンツ部分の見出しレベルを一段階繰り上げたロゴは見出しなのどうなのみたいなのは深く考えると眠れなくなるので、あんまり考えない方が良い。変えたのはロゴは画像で背景じゃないのでimg要素使うようにしたかったみたいなのがあって、ついでにページの見出しちゃんと書くかと考え、ロゴに見出し要素使えなくなったので外したみたいな経緯でこうなった。見出し作っておいて隠すのなんなのみたいな感じだけど、うまく収める方法が思いつかなかったことによる暫定的な処置の予定。main要素についてはやっぱりrole="main"も書かなくちゃならなそうな感じで、早まった気がしないでもない。見出しレベルの調整は最初、h2とかをただ単にgrepしてレベルをひとつ減らすように置換したので、h2uがh1uになったりした......。稀に必要になるHTMLの要素の置換とかで誤爆させない正規表現考えるの面倒くさいので、ちゃんとHTMLをパースしてゴニョゴニョできる簡単なツールが欲しい。jQuery依存で良さそうなので、DOM(の断片)をjQuery使って書いたスクリプトでいじった結果で上書き保存できるみたいなのをPhantomJSで動かすのとかで良さそう。グローバル・ヘッダーについては以下のようなマークアップになっている。Standardsではそうなっていないので書いてる。main要素も似たような感じだけど、またちょっと違う理由でrole="main"を書いておいた方が良さそう。semantics持ちなnav要素にはrole="navigation"は必要ない(ので外した)。なんで書いてたのか思い出せない。あとはサブセクションをちゃんとsectionで括って、そこでも見出しにh1要素を使うようにすると「HTML5!」って感じになる。したいんだけど、700以上あったので面倒になってやってない。いうのもHTMLをパースしてゴニョゴニョして保存するツールとかあれば良いのか。