tableレイアウトとCSSレイアウト
投稿日時：
この記事は約 2 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
この業界にお世話になってから10年が経ちますが、
HTMLのコーディング方法は、かなり変化してきました。
最初は、tableタグを使ってレイアウトをしていましたが、
ここ5年ほどでCSSでのレイアウトに移行。
インターネットの使われ方にも変化が出てきて、
SEOへの配慮が注目されるようになりました。
CSSへのレイアウトに移行した理由は、
主にSEO対策への関心が高まったことによります。
XHTML+CSSのレイアウトを学術的な視点から見ると
《W3Cが定めた規格に準ずる形での作成が望ましい》
ということになるのですが、
WEB標準の仕様自体はtableタグでのレイアウトが
主に使われていた時代から存在していました。
ではなぜ、
正しいとされる規格が長い間使われなかったのか？
それは
《必要なかった》
という点につきます。
各ブラウザにおけるCSSの実装状態が劣悪だった
という理由もあるとは思いますが、
ウェブサイトの表示には特に支障がなかったためです。
その頃、検索エンジン対策はまだ重要視されておらず、
ディレクトリ検索のYahoo!が隆盛だった時代です。
ロボット検索は、今と比べると利用者が少なく、
ディレクトリ検索が重視されていました。
ウェブサイトは広報ツールのひとつ。
たくさんの人に告知ができることができれば、
コーディング方法については、特にこだわる必要はなかった。
ということでしょう。
長くなってしまったので、
続きは次回に。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
なぜカカクコムの最安店に注文が殺到しないのか
「最安値ではなくてもアマゾンで購入する」 ここに消費者の興味深い心理が含まれていますね。 「利用者は未知のショップに個人情報を登…
-
-
画像置換(text-indent)で出る点線を消したい
text-indent:-9999px; を使った画像置換はFirefox だとクリックした時に画面外へ点線が出てしまう。そんな…
-
-
IE、Firefox、Chrome 3大ブラウザ対決
先日、Google Chrome 4 が公開されたお知らせをしましたが Google「Chrome 4」正式版リリース R…
-
-
Photoshop CS4のオンラインスクールをデジハリが無料で提供
我が卒業校でもあるデジハリが無料でPhotoshop講座を提供しているようです。 ○Photoshopを持っているけど、うまく使…
-
-
ホームページ作成セミナーやります
友人のご協力を得てセミナーを開催することができました！ パソコン教室を会場としてご提供いただきました。さくらさんありがとうござい…
-
-
マウスオーバーの魅せ方
中央に三つならんでいる写真にマウスオーバーすると･･･ Ajaxをうまく活用してますね?ｊQuery使用のようです。
-
-
内部SEO対策：<title>タイトルタグについて(2)
―知っておきたいSEO対策の基礎２ 目次1 キーワードを適切に含める2 興味を惹くかどうか？3 よくある間違い4 タイトルを使っ…
-
-
★プロのウェブデザイナーに直接質問できるチャンスです
最近、熱帯魚を飼い始めた白鳥です（笑） 水草と熱帯魚を入れた水槽を見るとアルファ波が出て集中力がアップするそうですよ。 さて、ホ…
-
-
商品画像を拡大して魅せる
この拡大の方法はちょっと面白いかもhttp://www.cecile.co.jp/detail/3/CTCV1E000005/
-
-
片手タイピング
ふと思い立って片手タイピングについて調べてみました。 Photoshopを使っているとマウスを離したくないのに文字を入力したい場…
