Tweet

デザイナーのためのWeb学習帳（1）

まずはHTML。ハイパーなタグ付き言語

　HTMLとデザインの話

　HTMLは本来「文章の構造（スタイル）」を指定するのが目的でした。が、HTMLのバージョンが上がるにつれて、デザイン的な機能も拡張され、「文章の構造（スタイル）」と「デザイン」の機能が交ざることは、本来のHTMLの目的から外れるのではないか、という議論になり、デザイン的な要素は別途記述されることになりました。

　デザイン的な記述をする仕様に「CSS」（Cascading Style Sheets）というものがあります。

図2　HTMLとCSS CSSの登場で、文書内容とデザインが切り離して制作できるようになった

　CSSの登場で、1つのHTML文章を複数のデザインで表現できるようになりました。

　HTMLでデザインも表現していたころは、1つのHTML文章に1つのデザインしかできませんでした。そのため、「閲覧用」「印刷用」「目の不自由な人向けの大きい文字用」といったコンテンツは一緒でもデザインが違う場合、それぞれHTMLファイルを作成しなければなりません。

　しかし、CSSを利用すれば、コンテンツとなるHTML文章は1つで、デザイン用のCSSファイルを用途に応じて作成するだけです。

図3　適当なスタイルシートを対応させればHTMLは1つでOK

　さて、駆け足で「HTML」について説明してきましたが、いかがでしたでしょうか？ 後半ではCSSを中心としたHTMLの歴史とこれからについて、Web標準について解説をしたいと思います。

5/5

INDEX
デザイナのためのWeb勉強帳（1）　 まずはHTML。ハイパーなタグ付き言語
	Page1 インターネットはHTMLでできている？ Webページを作っているもの！
	Page2 HTMLの特性 文章同士をリンクさせる「ハイパーリンク」
	Page3 文章を構造化する「マークアップランゲージ」
	Page4 マークアップランゲージの利点
	Page5 HTMLとデザインの話

「デザインハック」コーナーへ

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード