スタイルシートを使う

SEO対策ということで、色々なサイトを調べてみると、
○HTML上の論理構造をはっきりさせること
という文章をよく目にします。
そのことを頭において、自分のサイトのHTMLを眺めてみると、もともと『表(<table>タグ)』を、レイアウトを形成する為の基本として用いていたので、Webを視覚的に見た場合は、整っているように見えても、論理構造がほとんど構成されていなかったように思いました。
『論理構造』というと、いまいちピンと来ないかも知れませんが、簡単に言うと、
○HTMLのソースを上から順番に眺めていった時に、秩序だっているかどうか
という事になると思います。
表(<table>)を多用したページは、視覚的には整って見えるのですが、HTMLのソースを見ると、文脈を感じさせないようなバラバラな配列になっていることは多いような気がします。
それと、<table><tr><td></td></tr></table>のようなタグを多く使わなければならないので、少し複雑なページを作ると、作成されたhtmlのファイルが大きくなってしまう傾向があります。
この問題をクリアする第一歩として、表を用いないページ作成に取り組みました。
このページで、大体のイメージがつかめたら、
詳細や正確なところは、ご自身でご確認下さい。
次のサイトは参考になると思います。
色コードの変換(16進←→10進)に便利なページ
CSSを活用し始めると、色コードを結構意識する場面が増えてきます。次のページがいいですよ。
http://www.kitaq.net/lib/rgb/
関連書籍
Dreamweaver CS5 スーパーリファレンス for Windows&Macintosh
著者: 外間 かおり 出版年月: 2010-06-12
定価: ¥ 2,709 (新品), ¥ 5,417 (中古)
著者: 外間 かおり 出版年月: 2010-06-12
定価: ¥ 2,709 (新品), ¥ 5,417 (中古)
すぐに使えるスタイルシート (インプレスムック エムディエヌ・ムック)
著者: web creators編集部 出版年月: 2010-03-18
定価: ¥ 1,995 (新品), ¥ 1,000 (中古)
著者: web creators編集部 出版年月: 2010-03-18
定価: ¥ 1,995 (新品), ¥ 1,000 (中古)





最近のコメント
10週 3日前
17週 2日前
19週 7時間前
49週 3日前
49週 5日前
49週 5日前
49週 5日前
50週 1日前
50週 6日前
51週 20時間前