あぁ素晴らしきCSS ~Cascading Style Sheets~ について その1 | Ms Station

あぁ素晴らしきCSS ~Cascading Style Sheets~ について その1

このブログを見てくださっている、ありがたい皆様。

はじめまして、エムズコマース制作のシバと申します。(・・。)ゞ


WEB制作の表側裏側のお話を中心にお送りしようと思っておりますので、時々見に来ていただければ、とても嬉しいかぎりですビックリマーク


さて、早速第一回目のお話を・・・

今回は「あぁ素晴らしきCSS」についてお送りさせていただきます。


「CSSはSEO対策の友!!」

「CSSとはなんぞや」という方も、「今更CSSって・・・」という方もいらっしゃると思いますが、まぁ暇つぶしに聞いてください。

そもそも、CSSとはホームページ制作等に使用するものでございまして、HTMLやXMLと同じくWEB上にどのように表示させるか、ルールを作っていくものです。

ルールを作っていくならば、HTMLだけで充分じゃないかと思われますが、それは違います。


下記のサンプルを見て頂くと、昔のようにHTML内にテーブルタグを入れ、ルールを決めていけばソース内の文章が長くなります。

<table border>
<tr>
<td>
ここに文字<br />
</td>
</tr>
</table>


しかし、CSSを使うとソース内の文章がこのように

<div class="box">

ここに文字

</div>

これだけで、上のタグと同じ意味を作ることができます!


ソース内のタグを少なくする事で、SEO対策になり、google等検索ブラウザーの上位表示を狙う事が可能となるわけです!


CSSとはテキストの構成とデザインを分ける為に生まれてきたものといってもおかしくはありませんビックリマーク


今回はこんな感じでございます。

次回もCSSについてお話をお送りしていきたいと思っておりますので、是非覗きにきてください。


シバでした。