マークアップのこだわりと妥協
09/05/18 23:41
こんにちは。佐久間です。
マークアップの毎日ですが、やっぱり悩みます。何を優先しどこを妥協するかで。
基本的には、構造と文法を優先してまずマークアップしておき、デザイン上必要なdivやspanを追加する、という方法にしています。
すべてこのルールでできればいいのですが、制作をしていると、そのようにはならないものです。文法的によいと思われるマークアップで組んだときに、ブラウザの対応が十分ではなく、HTMLファイルに回り込み解除などのタグを差し込む必要がある場合などです。
静的に作るHTMLならその場その場で対応すればいいのですが、実際には動的にページを生成するためのテンプレートを作る仕事がほとんどなので、テキスト量など多くなることを配慮する必要があるわけです。
一番よく出てきて、今ひとつ納得のいかないマークアップになるものが、項目の一覧などです。dl dt ddで組むのがいいかと思うのですが、デザインが表のようになっていると、ddのあとに回り込み解除が必要になってきます。正当な方法では、IE6での表示がおかしくなります。
通常、こういった場合はhrに回り込みを解除するcssを付けたものを差し込んでいるのですが、dlのすぐ中にhrが入るのは文法上間違っていると思うのでulリストに直します。
dtだった部分をspanでくくり表示を制御し、文法的にも意味合い的にも納得できるものになるのですが、cssを外した時の表示がわかりにくい……。そして一律のレイアウトならいいのですが、微妙に幅が違っていたりすると、別のclassになってしまいます……。
ul li にspanを加え、複雑にデザインをあてていると、これは項目一覧ではなく、表データなのではないか？という気がしてきます。このあたりの判断はデータの内容と分量と分配によるので一つの基準で判断できないのです。動的なサイトを作っていると、実際活用することの少ない項目でも、すべて準備しておきます。
文章では、悩みどころを伝えることができてないような気がします。案件が終了したらキャプチャを乗せようと思います。(^_^;)
前回の語りきれなかった、汎用テンプレートの仕上がり具合にどこまでデザインを乗せるか。について、今は案件に入ってしまったので、悩み度が少なめです。次回本気で悩むので次回の投稿に回します。案件では、デザインを全部乗せるのがマークアップ担当の仕事なので。(^_^)
上記記事について、言葉足らずの箇所がありますが、長くなりますから、またの機会で。
投稿
記事URL
URL
