スタイルシートを使う
SEO対策ということで、色々なサイトを調べてみると、
○HTML上の論理構造をはっきりさせること
という文章をよく目にします。
そのことを頭において、自分のサイトのHTMLを眺めてみると、もともと『表(<table>タグ)』を、レイアウトを形成する為の基本として用いていたので、Webを視覚的に見た場合は、整っているように見えても、論理構造がほとんど構成されていなかったように思いました。
『論理構造』というと、いまいちピンと来ないかも知れませんが、簡単に言うと、
○HTMLのソースを上から順番に眺めていった時に、秩序だっているかどうか
という事になると思います。
表(<table>)を多用したページは、視覚的には整って見えるのですが、HTMLのソースを見ると、文脈を感じさせないようなバラバラな配列になっていることは多いような気がします。
それと、<table><tr><td></td></tr></table>のようなタグを多く使わなければならないので、少し複雑なページを作ると、作成されたhtmlのファイルが大きくなってしまう傾向があります。
この問題をクリアする第一歩として、表を用いないページ作成に取り組みました。
このページで、大体のイメージがつかめたら、
詳細や正確なところは、ご自身でご確認下さい。
次のサイトは参考になると思います。
色コードの変換(16進←→10進)に便利なページ
CSSを活用し始めると、色コードを結構意識する場面が増えてきます。次のページがいいですよ。
http://www.kitaq.net/lib/rgb/
関連書籍
Webデザイナーのための jQuery入門 魅力的なユーザーインターフェースを手軽に作る (Books for Web Creative)
著者: 高津戸 壮 出版年月: 2011-12-07
定価: ¥ 3,024 (新品), ¥ 4,559 (中古)
著者: 高津戸 壮 出版年月: 2011-12-07
定価: ¥ 3,024 (新品), ¥ 4,559 (中古)
できるクリエイター 逆引きHTML+CSSデザイン事典 Webクリエイターの現場で必要な基本と最新動向 (できるクリエイターシリーズ)
著者: 加藤 善規 出版年月: 2011-09-27
定価: ¥ 2,415 (新品)
著者: 加藤 善規 出版年月: 2011-09-27
定価: ¥ 2,415 (新品)





最近のコメント
1週 1日前
1週 2日前
11週 6日前
12週 1日前
12週 1日前
12週 1日前
12週 1日前
12週 1日前
12週 1日前
12週 1日前