tableレイアウトとCSSレイアウト
投稿日時：
この記事は約 2 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
この業界にお世話になってから10年が経ちますが、
HTMLのコーディング方法は、かなり変化してきました。
最初は、tableタグを使ってレイアウトをしていましたが、
ここ5年ほどでCSSでのレイアウトに移行。
インターネットの使われ方にも変化が出てきて、
SEOへの配慮が注目されるようになりました。
CSSへのレイアウトに移行した理由は、
主にSEO対策への関心が高まったことによります。
XHTML+CSSのレイアウトを学術的な視点から見ると
《W3Cが定めた規格に準ずる形での作成が望ましい》
ということになるのですが、
WEB標準の仕様自体はtableタグでのレイアウトが
主に使われていた時代から存在していました。
ではなぜ、
正しいとされる規格が長い間使われなかったのか？
それは
《必要なかった》
という点につきます。
各ブラウザにおけるCSSの実装状態が劣悪だった
という理由もあるとは思いますが、
ウェブサイトの表示には特に支障がなかったためです。
その頃、検索エンジン対策はまだ重要視されておらず、
ディレクトリ検索のYahoo!が隆盛だった時代です。
ロボット検索は、今と比べると利用者が少なく、
ディレクトリ検索が重視されていました。
ウェブサイトは広報ツールのひとつ。
たくさんの人に告知ができることができれば、
コーディング方法については、特にこだわる必要はなかった。
ということでしょう。
長くなってしまったので、
続きは次回に。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
自己紹介をします！
株式会社ウィズダム・デザイン 代表取締役 白鳥 友康 Tomoyasu Shiratori 1976年12月14日生まれ 埼玉県…
-
-
★売上とホームページ作成スキルの関係は？
こんにちは。ウィズダム・デザインの白鳥です。 ★自分のホームページ制作のスキルに満足していますか？ ホームページ制作のスキルは、…
-
-
内部SEO対策：<meta>タグにキーワードとページの要約を記述する
Yahoo!カテゴリに掲載されることが、アクセスアップにとって大きな意味を持っていた時代から、ロボットによる検索結果表示への以降…
-
-
内部SEO対策：<title>タイトルタグについて(4)
―知っておきたいSEO対策の基礎２ 目次1 よくある間違い1.1 すべてのページに同じのタイトルを設定している1.2 企業名だけ…
-
-
ホームページ作成用語集：FTPソフト（エフティーピーソフト）
FTPを使ってファイルを送受信するためのソフトウェア。主にサーバーとのファイルの送受信に利用します。 フリーソフトのFFFTPが…
-
-
ホームページ作成用語集：アップロード
パソコンからファイルをサーバーに保存すること。 ホームページ作成の場合は、自分のパソコンで作成したホームページのデータをサーバー…
-
-
ホームページ作成用語集：Internet Explorer（インターネットエクスプローラー）
マイクロソフトが開発したブラウザ。Windowsのパソコンには最初からインストールされている。 Internet Explore…
-
-
Photoshop のびっくりショートカット
小ネタ。 こんなショートカット発見。使えるかもしれないし使えないかも 《移動》ツールを選択してガイドの上に。 その状態のまま《A…
-
-
画像置換(text-indent)で出る点線を消したい
text-indent:-9999px; を使った画像置換はFirefox だとクリックした時に画面外へ点線が出てしまう。そんな…
-
-
【広告を出すのが怖い】と思ったことがありますか？
「はい」と答えた人はどれくらいいるでしょうか？ 結構、多いのではないかと思います。何を隠そう、自分も怖かったですし。 ホームペー…
