名前あるものには特別な指示が与えられる｜自分で作れるホームページ！ホームページ作りの困ったを解決します

前回の記事で、

は内容のかたまりをあらわすタグです。
という内容に触れました。

よく見ると、

は

でも、
それぞれの

の多くには名前がついています

だけじゃありません。

とか

なんかにもついているものがありますね。

名前をつけるとどんないいことがあるかというと、
そのお名前ごとに異なる特別な指示ができるということです

名前はなんでもいいのですが、
つけられた名前にはそれぞれ特別な役割が与えられます。

header さんはこう
news さんはこう

プライマリケアの教育は何ですか

と、そのお名前さんごとに表示方法を指示できます。
つまりそれがデザインですね。

では、どこで指示をしているのか、というと
アメブロのブロガーさんはよくご存知の
「スタイルシート(以下CSS)」と呼ばれるファイルになります。

ホームページの中で、
CSSはHTML(XHTML)ファイルの中に書くこともできますが、
多くは別のCSSファイルに指示を書いて、HTML(XHTML)ファイルから呼び出す
という方法をとります。

スタイルシートファイルを開くと

#header{
○○○:△△△;
○○○:△△△;
○○○:△△△;
}

.text{
○○○:△△△;
○○○:△△△;
○○○:△△△;
}

こんな風に指示が書いてあります。

なんでこんな一見面倒なことをするのかというと、
この方がずっと面倒じゃないからです。

どのように濃度を向上させるには？

HTML(XHTML)ファイルの中に全ての指示を一緒に書いてしまうと
それはもうごちゃごちゃになるであろう、
ということが予想されますよね

それに、一つのホームページの中に
同じ指示をするところが何箇所も出てくる場合に
毎回一つ一つ指示を書いていたら大変すぎますね

それに、最初はこの指示で行こう!と決めていたものを
途中で変更したくなったら、
全てのファイルの全ての同じ指示の箇所を探し出して
変更しなくてはなりません

これは相当面倒です

"何が問題である"

そもそもHTMLがやろうとしていることと
スタイルシートがやろうとしていることの役割自体が別なので
ファイルもわけてあげましょうということです。

構造をあらわすHTMLと
デザインをあらわすCSS

HTMLには名前をつけてあげて、デザインの指示は一箇所で出せば
何回も何回も同じ指示をあちこちで出さなくてもいいし、
指示内容を変更したいときも、一箇所のCSSをなおせば同じ名前がつけられた箇所は
同じように変更されるわけですね～

これは便利

次回は「名前の前についている」classとかidってな～んだ　です

These are our most popular posts:

上で(先に)設定した処理を上書きしないように指示を与える方法 - 視力2.0

2011年8月20日 ... 視力2.0の DynamicSet内のリストで、上で(先に)設定した処理を上書きしないように 指示を与える方法に関する詳細記事。（Powered by BIGLOBEウェブリブログ）これは 何時間か悩んでしもた。。TP2の日本語チュート読んだら載ってあった！ read more

ABC of VB 6.0 for MANDALA (Chapter 3)

このどちらか (メニュー項目またはボタン) によって指示を与えると、以下に示すﾌﾟﾛｼﾞｪｸﾄ を開くというダイアログボックスが登場します。ここで、ファイルが ... 最近使ったものを 開くの操作方法には、次の二つがありますから、都合のよい方をお使いください。 第一は 、 ... read more

ビジネスマナー 指示の受け方:ビジネスマナーがそこにある。

仕事の説明は最後まで聞くこと 指示を正確に受ける 仕事は誰かが（WHO）、あることを （WHAT）、いつまでに （WHEN）、どこかで（WHERE）、ある目的をもって （WHY）、 ある方法で（HOW）の5W1H で行われる。 したがって、指示を与える上司の説明には ... read more

子どもの協力を得るにはどうしたらよいか

子どもの協力を得られやすい上手な指示の出し方、適切な制限の与え方とはどんなも のか。 ... 指示を出してから制限を与えるまでの流れ .... ただし、親のブロークン・レコード に子どももブロークン・レコードで対抗するようになったら、この方法はあきらめます。 read more