ソーシャル・マーケティング協会 代表理事 白鳥友康の公式ブログ。Facebook、Twitter、YouTube、LINEなど、ソーシャルメディアを活用、集客する方法を無料でお届け。

ソーシャル★マーケティングの教科書 改訂版

tableレイアウトとCSSレイアウト

 投稿日時:

この記事は約 2 分で読めます。

大丈夫、あなたなら出来る! 
ソーシャル・マーケティング協会 代表理事の白鳥友康です。

この業界にお世話になってから10年が経ちますが、
HTMLのコーディング方法は、かなり変化してきました。

最初は、tableタグを使ってレイアウトをしていましたが、
ここ5年ほどでCSSでのレイアウトに移行。

インターネットの使われ方にも変化が出てきて、
SEOへの配慮が注目されるようになりました。

CSSへのレイアウトに移行した理由は、
主にSEO対策への関心が高まったことによります。

XHTML+CSSのレイアウトを学術的な視点から見ると

《W3Cが定めた規格に準ずる形での作成が望ましい》

ということになるのですが、
WEB標準の仕様自体はtableタグでのレイアウトが
主に使われていた時代から存在していました。

ではなぜ、
正しいとされる規格が長い間使われなかったのか?

それは

《必要なかった》

という点につきます。

各ブラウザにおけるCSSの実装状態が劣悪だった
という理由もあるとは思いますが、

ウェブサイトの表示には特に支障がなかったためです。

その頃、検索エンジン対策はまだ重要視されておらず、
ディレクトリ検索のYahoo!が隆盛だった時代です。

ロボット検索は、今と比べると利用者が少なく、
ディレクトリ検索が重視されていました。

ウェブサイトは広報ツールのひとつ。

たくさんの人に告知ができることができれば、
コーディング方法については、特にこだわる必要はなかった。

ということでしょう。

長くなってしまったので、
続きは次回に。

カテゴリ - ◇個人的めも
タグ - 

無料プレゼント

【Web担当者向け】SNS集客の全体像を55分で把握できる動画

受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。

ダウンロードはこちら

  関連記事

no image
IE、Firefox、Chrome 3大ブラウザ対決

先日、Google Chrome 4 が公開されたお知らせをしましたが Google「Chrome 4」正式版リリース &#82…

no image
★2000円でコンサルが受けられます

今日は《ホームページ更新 共同作業会》のお知らせです。 実はこの作業会、参加率が低くてビックリしています。 ホームページで商品を…

no image
画像置換(text-indent)で出る点線を消したい

text-indent:-9999px; を使った画像置換はFirefox だとクリックした時に画面外へ点線が出てしまう。そんな…

no image
3大ブラウザのJavaScript実行速度について

昨日、各ブラウザの特徴を説明しましたが、 IE、Firefox、Chrome 3大ブラウザ対決 JavaScriptの実行速度に…

no image
ホームページ作成用語集:アップロード

パソコンからファイルをサーバーに保存すること。 ホームページ作成の場合は、自分のパソコンで作成したホームページのデータをサーバー…

no image
ホームページ作成用語集:Flash

Adobe Flash、略してFlash。 アドビシステムズ (Adobe Systems) が開発した、動画などのリッチコンテ…

Zemanta Related Posts Thumbnail
商品画像を拡大して魅せる

この拡大の方法はちょっと面白いかもhttp://www.cecile.co.jp/detail/3/CTCV1E000005/

no image
【広告を出すのが怖い】と思ったことがありますか?

「はい」と答えた人はどれくらいいるでしょうか? 結構、多いのではないかと思います。何を隠そう、自分も怖かったですし。 ホームペー…

no image
重要な仕事は1日1つまでにする。

そういや調子の良いときはこれでした。参考になりますね。 自分をガッツリ集中させるための8つのセルフマネジメント術http://w…

no image
★売上とホームページ作成スキルの関係は?

こんにちは。ウィズダム・デザインの白鳥です。 ★自分のホームページ制作のスキルに満足していますか? ホームページ制作のスキルは、…