• ベストアンサー

テーブルは、表以外には使わないほうがいいですか?

テーブルは、表以外には使わないほうがいいですか? 例えば、タイトル、サブタイトル、サブサブタイトルが 1つのページの中にあるのですが その、それぞれのタイトルを四角枠で囲みたいのですが その際はテーブルタグは使わないほうがいいのでしょうか? タイトルは、表ではありません。

質問者が選んだベストアンサー

  • ベストアンサー
  • weavaest
  • ベストアンサー率15% (157/1020)
回答No.3

仕事ですか。仕事なら規約に沿っていれば良いと思います。 それについて規約がないのであれば、他の規約と見比べてみて、適切な規約を追加して対応すべきかと思います。 規約自体がないだとか、そもそも仕事でもないのであれば、御自由にどうぞ。 個人的にはテーブルは使うべきでないと思います。

FGBXBFTMQT
質問者

お礼

ありがとうございました。

その他の回答 (2)

  • t_ohta
  • ベストアンサー率38% (5238/13705)
回答No.2

SEOと言った事を考えるなら使わない方がいいでしょうが、SEOなんて関係無いと言うのであればテーブルを使ってもいいんじゃないでしょうか。 タイトルを枠で囲むだけならスタイルでできる事なので、テーブルを使う理由も無い気がします。

FGBXBFTMQT
質問者

お礼

ありがとうございました。

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.1

テーブルは、表以外には使わないほうがいいです。 枠で囲むことと、テーブルは無関係です。枠のないテーブルもありますし、枠のある段落もあります。 見た目をhtmlには持ちこまないで、どのような役割を担っているかでタグを付けます。 タイトルでしたら、h1、h2、h3……ですね。 見た目はスタイルシートで指定することになっています。多彩な表現が可能です。 お手本ではありませんが、簡単に試せるソースを載せておきます。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>テスト</title> <style type="text/css">/*ここからがスタイルシートでデザインを指定*/ h1{background:#ff7777;color:#ffffff;} h2{border:10px solid #ffaaaa;} h3{border:5px solid #ffaaaa;} h1:after{content:" -タイトル";font-size: 50%;color:#ffaaaa;} h2:after{content:" -サブタイトル";font-size: 50%;color:#ffaaaa;} h3:after{content:" -サブサブタイトル";font-size: 50%;color:#ffaaaa;} h1:before{content:"★ ";font-size: 90%;color:#ffdddd;} h2:before{content:"★ ";font-size: 90%;color:#ff8888;} h3:before{content:"★ ";font-size: 90%;color:#ffbbbb;} p{border: 1px solid #888888; border-radius: 10px; padding: 1em;} </style> </head> <body> <h1>タイトル1</h1> <p>文章</p> <h2>タイトル2</h2> <p>文章</p> <h3>タイトル3</h3> <p>文章</p> <h2>タイトル2</h2> <p>文章</p> <h3>タイトル3</h3> <p>文章</p> </body> </html>

FGBXBFTMQT
質問者

お礼

ありがとうございました。

関連するQ&A