ソーシャル・マーケティング協会 代表理事 白鳥友康の公式ブログ。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
リンクに良く使われている「>>」記号をHTMLで表示する方法

リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …

Zemanta Related Posts Thumbnail
Photoshop のびっくりショートカット

小ネタ。 こんなショートカット発見。使えるかもしれないし使えないかも 《移動》ツールを選択してガイドの上に。 その状態のまま《A…

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

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

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

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

no image
あなたの給料が少ない理由

【不況だから】なんて理由ではありません。その理由はコレ 優秀な技術者にそれ相応の給料が支払われない理由http://blog.o…

no image
ホームページ作成用語集:GIFファイル(ジフファイル)

画像形式のひとつ。256色まで色を制限することでファイルサイズを小さくすることができる。 この特性から、写真など色数が多い画像に…

no image
知らなくて損していませんか?

今日は、とっても暖かくて気持ちのいい一日でしたね。やっぱり寒いより暑い方が好きな白鳥です。 ★毎回好評の《初心者向けホームページ…

no image
究極のCPUクーラー?PCを水槽で動かしている驚きの映像

ホームページ作成にはパソコンが必須。 最近、気温が上がってきたのでパソコンが熱くなりすぎると動作が遅くなってしまいますよね。 そ…

no image
ウィンドウを2分割して表示するChromeのアドオン「Split Screen」

ホームページ制作をしていると、表示のチェックするために複数のブラウザウィンドウを開くので、デスクトップにウィンドウがたくさんあっ…

no image
ホームページ色名一覧

ホームページで使う色を16進数で指定するのが難しい人のために慣用名でも指定することが出来るようになっています。 考えた人は偉いで…