tableレイアウトとCSSレイアウト
投稿日時：
この記事は約 2 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
この業界にお世話になってから10年が経ちますが、
HTMLのコーディング方法は、かなり変化してきました。
最初は、tableタグを使ってレイアウトをしていましたが、
ここ5年ほどでCSSでのレイアウトに移行。
インターネットの使われ方にも変化が出てきて、
SEOへの配慮が注目されるようになりました。
CSSへのレイアウトに移行した理由は、
主にSEO対策への関心が高まったことによります。
XHTML+CSSのレイアウトを学術的な視点から見ると
《W3Cが定めた規格に準ずる形での作成が望ましい》
ということになるのですが、
WEB標準の仕様自体はtableタグでのレイアウトが
主に使われていた時代から存在していました。
ではなぜ、
正しいとされる規格が長い間使われなかったのか？
それは
《必要なかった》
という点につきます。
各ブラウザにおけるCSSの実装状態が劣悪だった
という理由もあるとは思いますが、
ウェブサイトの表示には特に支障がなかったためです。
その頃、検索エンジン対策はまだ重要視されておらず、
ディレクトリ検索のYahoo!が隆盛だった時代です。
ロボット検索は、今と比べると利用者が少なく、
ディレクトリ検索が重視されていました。
ウェブサイトは広報ツールのひとつ。
たくさんの人に告知ができることができれば、
コーディング方法については、特にこだわる必要はなかった。
ということでしょう。
長くなってしまったので、
続きは次回に。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
★売上とホームページ作成スキルの関係は？
こんにちは。ウィズダム・デザインの白鳥です。 ★自分のホームページ制作のスキルに満足していますか？ ホームページ制作のスキルは、…
-
-
Googleがついに順位決定に表示速度を使い始めた。
日々変化を続けるＳＥＯ対策。 今度はページの表示速度が影響を与えるようになりました。表示速度 1.4秒が目安みたいです。 元々、…
-
-
ウィンドウを2分割して表示するChromeのアドオン「Split Screen」
ホームページ制作をしていると、表示のチェックするために複数のブラウザウィンドウを開くので、デスクトップにウィンドウがたくさんあっ…
-
-
JavaScriptでマルチバイト文字列を決まった長さで省略する方法
ブログの「続きを読む」みたいなことを、JavaScriptで実現する方法です。 デザインの都合でエリアに入力できる文字数が決まっ…
-
-
内部SEO対策：ページタイトル作成における５つの基本
ページタイトルはホームページのテキストの中でも、検索エンジンのロボットが特に重要視している部分です。 ページタイトルを工夫するこ…
-
-
一億円の価値がある輪ゴム
写真をご覧ください。はい。ただの輪ゴムです（笑） 一億円で売っている輪ゴムではなく、一億円の価値を生み出す輪ゴムです。 では、な…
-
-
ホームページ作成用語集：JavaScript（ジャバスクリプト）
ホームページに様々な機能や動きを加えるために使われるプログラム言語。HTMLファイルの中に直接記述したり、別途作成した.jsファ…
-
-
なぜカカクコムの最安店に注文が殺到しないのか
「最安値ではなくてもアマゾンで購入する」 ここに消費者の興味深い心理が含まれていますね。 「利用者は未知のショップに個人情報を登…
-
-
リンクに良く使われている「>>」記号をHTMLで表示する方法
リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …
-
-
ホームページ作成用語集：HTTP（エイチティーティーピー）
HyperText Transfer Protocolの略。HTMLなどによって書かれたハイパーテキストを送受信するために使われ…
