• ベストアンサー

tableレイアウトについて。

自分は HTML , CSSを勉強して、ホームページをつくっていたのですが、いざ、就職をしてみると、ホームページのソースが自分が今まで、勉強してきた HTML, CSSは使われておらず、tableレイアウトでつくったホームページを沢山、目にします。特に楽天やYahooなどECサイトなどで多くみられます。自分は HTML, CSSをつかって <div></div>でレイアウトをするのが正しいとおもいやってきたのですが、このさき、tableレイアウトで作るやり方も勉強するべきでしょうか?

  • HTML
  • 回答数6
  • ありがとう数2

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

  • ベストアンサー
  • meah1835
  • ベストアンサー率51% (265/512)
回答No.5

>tableレイアウトでつくったホームページを沢山、目に ブラウザの違いでレイアウトが変わるのは誰でも避けたいですよね 特に >楽天やYahooなどECサイトなど 「表示されていない」などでは、致命的な損害を与えかねません。 >tableレイアウトで作るやり方も勉強するべきでしょうか? 仕事で必要になればやりたくなくてもやらされますよ。 http://www.esungo.com/tips/tableLayout/index.html 「Web標準は絶対守るべきで、テーブルレイアウトは駄目」などと言うのではなく、選択肢を増やす程度と理解しておけば悩む事もないでしょう。

その他の回答 (5)

  • oooioi
  • ベストアンサー率29% (16/55)
回答No.6

http://www.rakutenshop-omakase.com/qa/css.html 理由はこれ。 だから楽天でのショップデザインができる人は重宝されます。 そこそこの限定的のノウハウが必要だからです。

回答No.4

HTMLメールを書く機会があるのなら、まだまだテーブルレイアウトは必須ではないでしょうか。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

Yahoo!も楽天もtableレイアウトはされていませんよ!! ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ブラウザの[表示]メニューで[スタイルシートなし]にすると一目瞭然です。 tableでレイアウトすると、(文書)構造がめちゃくちゃになります。他のユーザーエージェント--点字端末、スクリーンリーダー、携帯端末、そして検索エンジンに内容が伝わりませんし利用できません。 「HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )」  添付はlynxでの画面ですが、yahoo!と楽天のトップページですが、tableが使われていないためにこのように見えます。

回答No.2

テーブルレイアウトは確かに楽といえば楽でしょう。ブラウザごとの違いの考慮もほぼしなくていいですし。 だからといって間違いは間違いです。大手ポータルがテーブルレイアウトなのは上記の「楽」と、いまさら正しいHTMLに移行するのが大変というのがあるのだと思われます。 そうじゃないやり方をすでに身に着けているなら、いまさらそんな負の遺産をわざわざ学ぶことはありません。 ちなみに >HTML, CSSをつかって <div></div>でレイアウトをするのが正しいとおもい <table>使おうがHTMLはHTMLだしそもそもHTMLでレイアウトというのが根本的に間違いだし<div>や<span>はやむを得ないとき用であってまずはページの中身に沿った正しいマークアップをすべきなんですがそれは質問とは関係ないので割愛。 どうせこのあと超長文で必要以上に詳しく説明してくれる人がいますしね。

  • s806099d
  • ベストアンサー率34% (17/49)
回答No.1

まず、tableレイアウトとは何のことを言っているのでしょうか? tableタグでのレイアウトのことであるならば、 これもHTMLタグですし、またCSSを使ったりもします。 HTMLがdivタグでレイアウトを作るもの、という考え方は誤りです。 もし違うことを言っていたら申し訳ありません。 tableタグの利点は、構造的に作りやすいことと、ブラウザに左右されづらいことです。 スタイルシートの場合、ブラウザごとに使用できないスタイルがあったり細部が異なったり、 といったように、気にしなければならないことが増えてきます。 また、複数の人がソースを見たときに、大体どんな配置を取りうるのかわかりやすいので、 カスタマイズ等がしやすいです。 上のような利点から、ビジネスの場でのHTMLではtableタグが好まれるようです。

関連するQ&A

  • tableによるレイアウトorCSSによるレイアウト

    現在HPをリニューアルしようとしております。 現状はホームページビルダーでテーブルを多用してレイアウトしておりました。 洋服関係のネットショップなのでかなり見た目ごちゃごちゃした感じで作っています。 また、「生きているサイト」を意識して頻繁に少々のレイアウトや内容の更新をしております。 *商品はコンスタントに更新してます。 このたび、dreamweaverでhtml+CSSでブロック要素のまわり込みでレイアウトして作りかけています。 がしかし、参考に他のサイトのソースを多数見ていくとレイアウト自体はテーブル(html)で行っているサイトが多く現在、レイアウト自体をテーブル( html)orCSSでコントロールする方法が良いか迷っております。 html+CSSでブロックコントロールしていく方法を多方面推奨しているようなのですがブラウザやブラウザバージョンにより崩れたり・・・とういう事は理解できております。 そこでお教え頂きたいのですが・・・ ●今後CSSがスタンダードになるとは思いますが現状、web製作の現場ではTABLEによるレイアウトとCSSによるレイアウトどちらがスタンダードでしょうか? ●また、CSSの場合、<div>のまわり込みでレイアウトを決めて<div>内のレイアウトはどのようにすればフレキシブルに内容や画像を取り扱えるでしょうか? ●その他、お気づきの点があればご意見ヨロシクお願い致します。

    • ベストアンサー
    • HTML
  • htmlのtableレイアウトについて

    こんばんは。訳あってcssとテーブルの両方のレイアウト手法を用いた サイト作りをしています。準初心者です。 昔から受け継がれてきたサークルのサイトの更新担当をしているのですが、 テーブルレイアウトとcssレイアウトがごちゃまぜで、わけの分からないスペーサーgifなど も多用されていたりと、悲惨な有様なので、必死に修復しているところです。 テーブルレイアウトとで組まれていても、今回は抜本的な対策は留保するつもりで書いていた のですが、ある問題に突き当たりました。 divタグ内のtableタグによって作られた1×1の表ボックスが更新情報欄になっていて、 ページの左端に隙間無くくっついているようなレイアウトにしようと試みました。 <TABLE style=" border:0px;padding:0px;margin:0px;・・とするとdivのブロック要素と テーブルが完全にくっついた状態にできると思い実践してみたのですが、どうしても何pxかの隙間が生じてしまうのです。試行錯誤の末、もとのソースコードではtable要素にhtmlでwidth="400" と指定されていたものをtableタグ内に <TABLE style=" border:0px;padding:0px;margin:0px;  width:400px;> と指定し直した結果、計らずしもこの隙間は無くなりました。 そこで疑問なのですが、なぜこのような結果になったのでしょうか、ご教授ください!

    • 締切済み
    • CSS
  • レイアウトはテーブルよりCSSですか?

    今まで、Webサイトのレイアウトは、テーブルを何重にも入れ子にして、行ってきました。 最近、「レイアウトにテーブルを使うのはよくない」「テーブルで全体を囲っているレイアウトはダサい」などの意見を聞くようになってきました。 奮起して、テーブルでつくったページをCSSに書き換えようと思いましたが、なかなか困難です。 位置を左上基点に、それぞれの<div>をabsoluteで設定すれば、比較的容易にレイアウトを組めるのですが、やはり全体を画面の中心に持っていきたい、そうなると、全体をテーブルで囲って、align="center"が簡単です。 そこで、質問です。 ・CSSでレイアウトを組むとき、左上を基点にされていますか?全体を中央に配置するようにされていますか? ・CSSで、全体を中央に配置するとき、全体を<div>で囲って、その中に<div>を入れ子にして、配置していくと思いますが、なかなか思い通りの配置になりません。このやり方であっていますか?簡単なやり方がありますか? ・やはり、レイアウトにはテーブルよりも、CSSを使ったほうがいいですか? ご意見・ご回答いただきたく、どうぞよろしくお願いします。

    • ベストアンサー
    • CSS
  • テーブルレイアウトとは

    テーブルレイアウトとは,テーブルタグを表以外のコンテンツなどに使うことでしょうか? http://okfood.digiweb.jp/index.htmlのコンテンツもテーブルレイアウトなのですよね。 このサイトの場合、同じような見た目にするにはdivを縦横に重ねて、thの毎度縦幅をCSSでかえて行うのでしょうか? 大変過ぎてやっていられなくないですか? WEBデザイナーはそこまでやっているのでしょうか?それとももっと便利な方法があれば教えてください。 SEO上も不利なのでしょうか? table内の文字を軽視されるのでしょうか?

    • ベストアンサー
    • HTML
  • テーブルは使っちゃいけないんですか?

    自分のホームページを持ちたいと思ってHTMLとCSSを勉強しているんですがためしに作ってみたページを知識のある友達に見せたら「全然だめ。一からやりなおし」と言われました。「どこで覚えたか知らないけどレイアウトにテーブルを使うとかふざけてる」と言われたんですが何でだめなのか聞きそびれました。よかったら何でだめなのか教えてください。

    • ベストアンサー
    • HTML
  • ネットショップのレイアウトについて

    Web勉強中のものです。 楽天やyahooショッピングのネットショップを見ていて気になったのですが、tableレイアウトのサイトばかりで、CSSレイアウトのサイトを見かけません。何か理由などあるのでしょうか?

  • CSSでのレイアウトについて

    私は現在サイトを開設しているのですが、一から独学でHTMLを学んで分からない事があれば調べて作成してきました。 使用しているのはHTML、CSS、JavaSceript、SSIです。 見た目は自信あります。ただある程度知識がある方がソースを見たら”全然分かってないだろうな”というのがすぐにバレるぐらい酷いです。 調べて分かった事は積極的に取り入れてきました。 以前はHTMLのみで作成していたんですが、外部ファイルを使いJavaScriptやCSSをまとめています。以前に比べだいぶ簡潔なソースになり、汎用性も上がったと自負しています。 ただレイアウトは依然tableレイアウトです。 その為レイアウトをいじろうと思うと全てのファイルを修正しなければなりません。ファイル数は100を超えてます。 そこで詳しい方にお聞きしたいのですが、 ・tableレイアウトからCSSでのレイアウトに移行するのは難しい事ですか? レイアウトって聞くだけで避けてきたので、いざ移行してみて今まで作成してきたデザインが崩れるのではないかと不安になってきます。 ・下記のサイトのようなレイアウトを最近結構見かけます。 http://www.yamaga-fc.com/ 私もいづれこのようなレイアウトにしたいのですが、これは何というレイアウトでしょうか? 検索してもこのようなレイアウトの作り方が掲載されてるサイトが見つからなくて困ってます。 ヘッダーとフッターが100%。真ん中が80%ぐらいのレイアウト。 ご存知の方いらっしゃいましたらご教示ください。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • CSSで高さ100%のレイアウト

    テーブルを使用せずCSSでのレイアウトなのですが フッター位置をブラウザの一番下にマージン無しで指定したいのですが出来ません。 テーブルでは <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top">内容</td> </tr> <tr> <td valign="bottom">フッター</td> </tr> </table> というように指定していたのですが CSSでのレイアウトはHTMLを <div id="container"> <div class="content">内容</div> <div id="footer">フッター</div> </div> .CSS では #container { height: 100%; } は無効なのでしょうか? 他のやり方でもフッターをブラウザの一番下にマージン無しでレイアウトできる方法があったら教えて下さい。

    • ベストアンサー
    • CSS
  • テーブルレイアウトのサイトでSEO

    CSS+HTMLでやらずにテーブルレイアウトで作ったサイトで、効果の上がるサイト、SEOに強い、良いサイトを作る事は可能でしょうか?

  • テーブルとdiv

    テーブルもdiv+CSSも本来ページのレイアウトに使うのは正しくないのはわかっていますが、divとテーブルは同じ数だけ使用し、どちらもどのブラウザから見ても見た目に差がないようにできたとしたら、テーブルの乱用とdivの乱用はどちらの方がマシなのでしょうか? ちなみにどちらもページ全体をテーブルとdivで囲ってしまいます。 お暇な時でいいのですので回答お願いいたします。

専門家に質問してみよう