tableレイアウトとCSSレイアウト
投稿日時：
この記事は約 2 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
この業界にお世話になってから10年が経ちますが、
HTMLのコーディング方法は、かなり変化してきました。
最初は、tableタグを使ってレイアウトをしていましたが、
ここ5年ほどでCSSでのレイアウトに移行。
インターネットの使われ方にも変化が出てきて、
SEOへの配慮が注目されるようになりました。
CSSへのレイアウトに移行した理由は、
主にSEO対策への関心が高まったことによります。
XHTML+CSSのレイアウトを学術的な視点から見ると
《W3Cが定めた規格に準ずる形での作成が望ましい》
ということになるのですが、
WEB標準の仕様自体はtableタグでのレイアウトが
主に使われていた時代から存在していました。
ではなぜ、
正しいとされる規格が長い間使われなかったのか？
それは
《必要なかった》
という点につきます。
各ブラウザにおけるCSSの実装状態が劣悪だった
という理由もあるとは思いますが、
ウェブサイトの表示には特に支障がなかったためです。
その頃、検索エンジン対策はまだ重要視されておらず、
ディレクトリ検索のYahoo!が隆盛だった時代です。
ロボット検索は、今と比べると利用者が少なく、
ディレクトリ検索が重視されていました。
ウェブサイトは広報ツールのひとつ。
たくさんの人に告知ができることができれば、
コーディング方法については、特にこだわる必要はなかった。
ということでしょう。
長くなってしまったので、
続きは次回に。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
Twitterからホットなキーワードを抽出する方法
こうゆうのって直接的に何かに役立つ！ って感じではないけれど、 これを思い付くセンスが世の中を変えていくよね。 見た感じだと接続…
-
-
リンクに良く使われている「>>」記号をHTMLで表示する方法
リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …
-
-
モニターは消耗品
下北沢を歩いていたら、中古屋でiiyamaのモニタが安く売っていたので買ってみた。 17インチで7980円。 事前に値段を調べて…
-
-
ホームページ作成用語集：HTTP（エイチティーティーピー）
HyperText Transfer Protocolの略。HTMLなどによって書かれたハイパーテキストを送受信するために使われ…
-
-
手のひらサイズのプロジェクタ
海連、LED光源を使った手のひらサイズのプロジェクタ?LCOSを採用し、1mで25型投射可能。41,790円http://av.…
-
-
ホームページ作成セミナー無事終了しました。ありがとうございます。
先日開催した ホームページ作成セミナー。 目玉が飛び出るほどのトラブルがありましたが、無事終了することが出来ました。 参加してい…
-
-
Googleが無料で撮影してくれる「おみせフォト」 申込みページがオープン
これはスゴイ！ Googleがカメラマンを派遣して店内などを撮影してくれるサービスで、しかも無料！！ 現在の対応地域は都市圏を中…
-
-
ホームページ作成用語集：JavaScript（ジャバスクリプト）
ホームページに様々な機能や動きを加えるために使われるプログラム言語。HTMLファイルの中に直接記述したり、別途作成した.jsファ…
-
-
ColorBar Generator ? カラーバージェネレーター ?
ColorBar Generatorは、好きな画像からその画像のイメージに合うようなオシャレ（死語）カラーバーを生成します。 適…
-
-
新機能で検索結果をカスタマイズ：ウェブ検索でもスター機能
Gooogleの検索結果が変わりましたね。 検索結果の上位に 「○○ のスター付き検索結果」 という項目が追加されています。 G…