By takai

デザインのクオリティはともかくとして、
コーダーの僕らがページデザインを起したほうが、制作は早いですよね。
それは自分が記述するCSSを想定しながらデザインするからです。

ときどき代理店さまやクライアントさまから、

「デザインはウチのもんにさせるから」

って話をいただくことがたまにあります。

いわゆる、ほんまもんのデザイナーさんの力作だったりするのですが、
CSSなんてご存じないから、その出来栄えに感動する以前に、
コブシを固めて、必死に思いを鎮めるようなことがよくあります。

最初のページデザインが次のような感じだったから、

こんなふうに見出し(hタグ)の順位を割りつけて、

コーディング開始。

次に他の内部部分のページのデザインが届いて、見てみると・・・

おい！

h2があらへんやないけ！

なんて体験していませんか？
ほんま、どうしてくれるんやって感じですよね。
この問題を回避するために、このページ専用のCSSを記述するか、
デザイナーさんにお願いして修正していただくか、上位の見出しを挿し込んでいただくかで、
対処するしかありませんよね。

しかし、

こういう問題は欧米でもよくあるのでしょうか。

じつはHTML5の<section>タグの中では驚くなかれ、
外側の<section>とは無関係に見出し(hタグ)を定義してかまわなくなったのです。

なんと<section>タグのなかで独自にh1から見出しを置いてもよいのです。

これは正直助かりますよね～o(^-^)o

でも、だからといって、やっぱり自由にするんじゃなくて、
基本的にはこれまでどおり、一番親になる<section>タグの中で
見出しの順位はつけていく規則はまもるべきだと思います。