- ベストアンサー
li、ol、ulなどで構成されているテーブル不使用のサイトについて
質問させて頂きます。 企業のホームページを見ていると、時々テーブルで作ってないサイトを見かけます。 例［三井住友銀行(トップページ)］ http://www.smbc.co.jp/ ［疑問点1］リストアイテムタグなどを使って作られているようですが、こういったサイトの利点は何なのでしょうか。SEO対策かな、と推測しているのですが…。 ［疑問点2］どういう形式・ルールにのっとって作られているのでしょうか。 ［疑問点3］DreamweaverなどのWEBオーサリングソフトでの作成は可能でしょうか。もし不可能である場合は、具体的な作り方・詳細な情報などが紹介されているサイト・書籍など教えて頂けないでしょうか。（形式の正式名称が不明なので、調べようがなくて困っています） 色々質問してしまってすみません。 実際にサイトを作られている方など、いらっしゃいましたら教えて頂けないでしょうか。 宜しくお願い致します。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (5)
- kuzumiHK
- ベストアンサー率72% (132/183)
No1さんの回答で答えは出ているようですが、 横から失礼します。 残念ながら、現在のブラウザの実装状況では、 企業が求めるデザイン（カラムレイアウト的な）を 文法を遵守しながら容易に実行できる環境が整っていません。 しかし、これからリリース予定のIE8では、 カラムレイアウトを比較的容易に実現するためのスタイル display:table、display:table-cellが実装されるようです。 （他ブラウザはすでに実装済み） これにより、文法を遵守しても企業の志向や好みによって、 テーブルレイアウト的な固定デザインがスタイルでも可能になりそうです。 （IE8がIEユーザのシェアの大半を占めるようになるまでの期間が必要になりますが…） また、htmlもこれまでに足りなかったタグの追加や、 html4で非推奨になっていながら、どう考えても必要なタグや属性の復帰など、 閲覧者や制作者の声を大きく反映したバージョン5が今後リリースされるようです。 現状では、企業として最低限のアクセシビリティを守りながら、カラムレイアウトも実現するのは、とても手間がかかる作業になりますが、今後は徐々に手間がかからない仕様に改善されていくものと思います。 html自体が発展途上中の段階から首を突っ込むのか、 整備が整うまで、少し待ってみるのかの選択なのかもしれません。
お礼
ご説明ありがとうございます。 そうですね…webの世界は日進月歩ですから、今後どういう方向に行くのか見極めるのは重要ですね。 cssでレイアウトするにしても、今後これが発展するか衰退するかはわかりませんし、不安な所はありますが、技術を付けて損はないと思いますので、やってみようと思います。
- gityotan
- ベストアンサー率53% (23/43)
>具体的な作り方 『css 2カラム』や『css 3カラム』で検索してください。 見本が大量にヒットします。
お礼
ありがとうございます。 早速やってみます。
テーブルでのレイアウトは閲覧環境によっては問題を引き起こします。 今の流れが、誰でもどんな環境でもwebページを見れるようにしようという感じの流れなので、それを達成するためにHTMLでの最適なコーディングをしようとした結果テーブルを使わなくなったのだと思います。 新しいdreamwaverでは結構融通が利いていたはずです。 ただ、最初は普通にHTMLエディタ等で作るほうが良いかもしれません。 実際に大切なのはテーブルで作らないことではなく、結果としてどれだけ多くの人・環境でサイトを見せることができるかということなので、しっかりとしたページを作ろうとすると必ず勉強が必要になります。 形式というのがよくわかりませんが、webページを構成するファイルのことですかね？ 始めはHTMLとCSSを覚えれば良いと思います。 その後、必要に応じてjavascript、cgi、php等を覚えていけば良いのではないかと。
お礼
ありがとうございます。 実はWEBにも携わっているので仰る事はわかるのですが、具体的にどうすれば良いかがわからなくて困っているのです。参考になるサイトがあれば、と思っています。拙い質問の仕方ですみません。
- pick52
- ベストアンサー率35% (166/466)
というか、HTMLではテーブルでのレイアウト記述は好ましくないと いうことから最近流行りのCSSで作っているだけでは? Yahoo! JAPANなどもこのような感じになっていると思いますけど。 Wikipediaなどで使用されているMediaWikiもXHTMLを使用している関係で レイアウトにはCSSを使ってやっていますね。 大抵この様なところは外注ですので下請け判断でやったんじゃない でしょうか。
お礼
御意見ありがとうございます。 テーブルレイアウトを避ける傾向にあるというのは理解出来ているのですが、では具体的にどうすれば良いのか、というのがわからないのです。 質問の仕方が悪かったのでしょうか…すみません。
- abril
- ベストアンサー率69% (388/560)
一制作者としての私見です。 > 企業のホームページを見ていると、時々テーブルで作ってないサイトを見かけます。 どちらかというと多分、今時の有る程度の規模を持った企業サイトであれば「テーブルで作ってないサイト」の方が多いのでは…？（日々仕事で接している際での印象ですので根拠となるデータを知っているわけではありません） 確かに大企業のサイトでもCSSは導入していてもHTML側のマークアップはテーブル・レイアウトのまま、というところも未だにありますが。 > ［疑問点1］利点 まず「利点」があるかどうかではなく…「内容」に対してどういうマークアップが相応しいか、という事を考えます。論理的な文書構造ありき、です。 そもそも、tableは「表」であって、単なるレイアウトをする為の機能ではないのですから。 インフラの整っていない時代には、テーブルコーディングだと読み込みが遅くなる、とかも言われてましたが、現在は極端な条件下でもない限り、ほぼその差異を体感できる事はない様に思われます。また、SEO上有利、という事も確かによく言われているのですが、これにしても実際問題確実に差が出るかといったら、その効果が保証されているわけではないです。旧態然としたテーブル・コーディングのサイトでも検索結果で上位にランクされるものはありますし、結局キーワードに対する内容のマッチング率とか、より多くのサイトからリンクされているとか、という事の方が重要になってきますから。ただ、的確な論理構造で構成されたHTMLである事はサーチ・ロボットに対して「マイナスにはならない」という程度の事です。 そもそもSEO云々以前の前に、HTMLコーダーとしては必須正しい／妥当なマークアップにしておく事が必須なので、因果関係を逆転させる様な考え方はしません。 > ［疑問点2］形式・ルール この答えもほぼ上記と同じです。内容から導き出される文書構造によって、自ずと適切なマークアップというのは大体決まってきます。 ・その内容が「表」にするに相応しいものであれば、tableでマークアップ ・その内容が「表」よりも「リスト」が妥当なのであれば、リストタグul/ol/dl/（どれを使うかはこれもまた内容に依ります）でマークアップ 例えば参考にされたURLのコンテンツは、サイトのホームという事もあって、内容をよく見ればその大半が「メニュー」です。現在この「メニュー／ナビゲーション」をマークアップするのに妥当なマークアップとしてはリストタグ（中でも特にul）らいしか用意されていないのです。となると、リストタグでのマークアップがメインになるのは当然（必然）の結果になります。 > ［疑問点3］DreamweaverなどのWEBオーサリングソフトでの作成 私個人はそういう総合的なソフトをオーサリングのメインのツールとしては使用していないので、Dreamweaverは手元にはありますが詳細はわかりかねます。ですが、明らかにDreamweaverまかせで作成したであろうサイトでテーブル・コーディングではないものが見受けられますので、多分有る程度のテンプレートやプリセット的な機能はあるのでは？
お礼
ありがとうございます。 テーブルでのレイアウトは本来のテーブルの目的をある意味ねじ曲げたもので、避けるべきだとはわかっています。 ですが、具体的にテーブル使用でないサイトを作る時、どうすれば良いのかがわからないのです。詳細な方法が載っているサイトを探しているのですが…
お礼
大変わかりやすい説明をどうもありがとうございました。 どうにか最初のとっかかりがつきそうです。 付け焼き刃ではなく、一から構成出来るようになりたいと思っておりますので、教えて頂いた事を参考にしつつ、これから勉強していきたいと思います。