スタイルシートのメリット

外部スタイルシートのメリットを簡単に…。

メンテナンスの向上
スタイルを外部のファイルに記載し、HTMLからリンクして適応させるのでウェブサイト全体でスタイルを共有できます。
外部のスタイルシートを変更すると、レイアウトやデザインを一括に変更することが可能です。

アクセシビリティ
一言で言えば、利用しやすさって事でいいのかな?(出た!あいまいな発言…)
例えば、ブラウザひとつ取ってもいろいろあります。
という事はもちろんどれを使ってるかもいろいろです。
せっかくサイトに来ていただいた方に、「必ずIEでよろしく!」という訳にはいかないという事です。

あとは目の不自由な方、弱視者の方への配慮などもそうです。
私も以前にボランティアなどで目の不自由な方、弱視者の方のお宅へ伺った事があるんですが、字が「小さくて見えない」という事でブラウザのメニューで文字の大きさを変更しようと思ったら出来ない!!
という事になるので、固定するような単位で書かない方が良いです。

画像にも代替テキストをできるだけ入れましょう。
テキスト情報という事でSEO対策にもなりますが、何より目の不自由な方が音声読み上げソフトを使ってサイトを見てる場合に代替テキストも読み上げるので、そこに何があるか分かりやすいという事です。

HTMLがすっきり
HTMLから何回も入れ子になったようなレイアウト用のテーブルや、デザイン等の記載を省けます。
ページの容量も軽くなり、表示が速くなります。
必要最低限の内容でSEO対策にも効果的!(なはず…)

SEO対策
まぁ、そんなこんなでデザインやレイアウトなど見栄えの部分を外に出してすっきりさせておけば、検索エンジンのクローラーにも、すんなりと内容を見てもらいやすいという事です。
タイトルや見出しなどは重要視されるようなので、見出しはしっかり使って見栄えはCSSで!って事でいいはず(;´∀`A)


だんだん何書いてるのか分からなくなってきました…(-ω-lll)
字ばっかり&分かりにくくてごめんんさい。

やった事ないですが、XHTMLではスタイルを中に書いてるとチェックをかけたときに、「外部にしなさい」と言われると思います。
まぁ、とにかくスタイルシートは外部リンクで!(強引に締め


いやぁ、こんな内容でアップしても良いのか…。

trackbacks

trackbackURL:

SEO対策セミナー・コンサルティング・塾 from SEO対策セミナー・コンサルティング・塾

本物のSEO対策!3億2100万件中1位表示の実績!会員制SEOサポート塾が遂に開講!

Webデザインの資格について知りたい from Webデザインの資格について知りたい

パソコンを持っていない人でも、ネットカフェなどの普及により、大半の人がインターネットを利用してネットサーフィンをしたことはあるでしょう。

comments

すごくわかりやすいです^^/
このシリーズでいろんな情報待ってます!

ほぉ~っ><って・・・
やっぱりよく理解できません( ̄0 ̄)/!
HTML・SEO対策・CSS・XHTML・・・などなど
何度も繰り返し聞いているうちに少しずつ覚えていくのであります!・・・

実は聞きたいけど聞けなかったことが1つ・・・
XHTMLってなんですか><(恥)
また 教えてください☆

HTMLがスッキリするというのはよ~~くわかります。
このシリーズ また期待してますね♪
でも ご無理をならさず~^^

■くれもなさん
ほんとですかー?
でもどっちみち、こんな感じでしか書けませんが…(;´∀`A)

■天然犬の妻さん
ですよねー。
やっぱり何度も繰り返し聞いて、実際にやってみて失敗しないとなかなか覚えられません。
私も同じ失敗を何度もしてます…(つω`)゜。

■マネ☆ヤマダさん
XHTMLってのはー、普通のHTMLは何だろ…(いきなりかよ)文法っていうか、定義っていうか、決まりがぬるくて書き方によってはこのブラウザではバッチリだけど、他のブラウザでは見え方が違うというような事がある訳だけど、そういう事がないように、「もう統一してみんなこういう風に書こうよ!」となったのがXHTMLです。たぶん…(;´∀`A)

HTMLは書き方に多少自由度があったのだけど、XHTMLになると厳しいです。
でも、今後ブラウザがバージョンアップしたりしても修正が少なくて済むとかSEO対策にも良いとかメリットもいろいろです。

まぁ、それでも現時点でIEはおかしいけど…。( `д´) ケッ!

  • 管理人 まめ
  • 2008年01月21日 21:58

おはようございます!

めっちゃわかりやす~^^
スゴイッ!文章力に脱帽ですーー♪

XHTML・・私もいまさら聞けずに知ったかぶりでした^^;
なるほどなるほど~^^
ありがとうございます♪♪

おかえりなさーい!&先ほどはお疲れ様でした。
お菓子ごちそう様です。おいしかったです。

>スゴイッ!文章力に脱帽ですーー♪
ま、まじっすか!??この文章に脱帽…。
それはヤバイですよ…w

嘘です。ありがとうございます。
でもちゃんとした事を知りたかったら、やはり各先生方に聞く事を激しくオススメします(;´∀`A)

  • 管理人 まめ
  • 2008年01月22日 22:07

にゃるほど~、XHTMLってそういうものだったのね。
勉強になるよ。


見る人が文字の大きさを変えるという発想が無くて驚いたよ。
文字の大きさはドリームウィーバーのcssの画面で設定したのだけど、これは「固定」に含まれるのかしら?。

  • さくや
  • 2008年01月24日 15:50

スタイルシートのメリット
IT能力ゼロの私にはわからないことだらけです。
>見栄えはCSSで!
これは思い出しました。
座談会での助言をやるっきゃないと頑張ります。

お返事が遅くなってすいません。

■さくやさん
>文字の大きさはドリームウィーバーのcssの画面で設定したのだけど、これは「固定」に含まれるのかしら?。
えーっと、どうゆう風に指定したかとかブラウザによっても違うんだけど、「%」とか「em」、他にもあるけどいわゆる相対サイズってやつで指定してればブラウザで文字サイズを変更しても合わせてサイズが変わるからOK。
「pt」とか「cm」なんかはダメ。
あと「px」も微妙…。pxなんで使っているディスプレイの解像度に依存なんだけどブラウザによって有効だったり無効だったり。
って感じ。(だと思うw

■原タイルのカアチャンさん
>IT能力ゼロの私にはわからないことだらけです。
大丈夫です。
私も最初はいろんな事が意味不明でした。

>座談会での助言をやるっきゃないと頑張ります。
去年からの参加でもうあれだけのブログが出来てるのはすばらしいです!
お互いがんばりましょう。

  • 管理人 まめ
  • 2008年01月30日 23:34

comment form

comment form