tableレイアウトとCSSレイアウト
投稿日時：
この記事は約 2 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
この業界にお世話になってから10年が経ちますが、
HTMLのコーディング方法は、かなり変化してきました。
最初は、tableタグを使ってレイアウトをしていましたが、
ここ5年ほどでCSSでのレイアウトに移行。
インターネットの使われ方にも変化が出てきて、
SEOへの配慮が注目されるようになりました。
CSSへのレイアウトに移行した理由は、
主にSEO対策への関心が高まったことによります。
XHTML+CSSのレイアウトを学術的な視点から見ると
《W3Cが定めた規格に準ずる形での作成が望ましい》
ということになるのですが、
WEB標準の仕様自体はtableタグでのレイアウトが
主に使われていた時代から存在していました。
ではなぜ、
正しいとされる規格が長い間使われなかったのか？
それは
《必要なかった》
という点につきます。
各ブラウザにおけるCSSの実装状態が劣悪だった
という理由もあるとは思いますが、
ウェブサイトの表示には特に支障がなかったためです。
その頃、検索エンジン対策はまだ重要視されておらず、
ディレクトリ検索のYahoo!が隆盛だった時代です。
ロボット検索は、今と比べると利用者が少なく、
ディレクトリ検索が重視されていました。
ウェブサイトは広報ツールのひとつ。
たくさんの人に告知ができることができれば、
コーディング方法については、特にこだわる必要はなかった。
ということでしょう。
長くなってしまったので、
続きは次回に。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
リンクに良く使われている「>>」記号をHTMLで表示する方法
リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …
-
-
Twitterからホットなキーワードを抽出する方法
こうゆうのって直接的に何かに役立つ！ って感じではないけれど、 これを思い付くセンスが世の中を変えていくよね。 見た感じだと接続…
-
-
ウィンドウを2分割して表示するChromeのアドオン「Split Screen」
ホームページ制作をしていると、表示のチェックするために複数のブラウザウィンドウを開くので、デスクトップにウィンドウがたくさんあっ…
-
-
ColorBar Generator ? カラーバージェネレーター ?
ColorBar Generatorは、好きな画像からその画像のイメージに合うようなオシャレ（死語）カラーバーを生成します。 適…
-
-
同じ本を２冊買ってしまう悩みをお持ちの方にオススメです
私は本を読むの好きで、自宅には未読の本の棚があるのですが、困ったことが１つあります。 それは何冊も同じ本を買ってしまうこと 未読…
-
-
Photoshop CS4のオンラインスクールをデジハリが無料で提供
我が卒業校でもあるデジハリが無料でPhotoshop講座を提供しているようです。 ○Photoshopを持っているけど、うまく使…
-
-
Photoshop のびっくりショートカット
小ネタ。 こんなショートカット発見。使えるかもしれないし使えないかも 《移動》ツールを選択してガイドの上に。 その状態のまま《A…
-
-
ホームページ作成用語集：GIFファイル（ジフファイル）
画像形式のひとつ。256色まで色を制限することでファイルサイズを小さくすることができる。 この特性から、写真など色数が多い画像に…
-
-
30秒ですっきり! 理系のためのオフィス系ストレッチ
パソコンを１日中使っている仕事柄ものすごーく肩がこります。 スポーツクラブに通ってはいてもそう頻繁には行けないので、 そんな時は…
-
-
★2000円でコンサルが受けられます
今日は《ホームページ更新 共同作業会》のお知らせです。 実はこの作業会、参加率が低くてビックリしています。 ホームページで商品を…
