spanタグについて
-
0 名前： りえ ： 2006/02/10 18:07
- こんばんは。
色々と本を読んで調べたのですが、どうしてもdivタグとspanタグの違いを、
しっかりと理解することができません。
divタグは、より大きな範囲を囲うのに使用して、spanタグはより小さな
範囲を囲うのに使用するんだなぁ、程度には理解できるのですが、
しっかりと理解できてはいません。
また、私は今まで本文を記述する時に、<p>とクラスを頻繁に使っていたの
ですが、色々なサイトを見ていると、<p>ではなく、<span>を使っている
サイトも多いのですが、本文にスタイルを適用する際には、<p>を使うのか、
<span>を使うのか、どちらがよいのでしょうか？
初心者っぽい質問で、申し訳ないのですが、お分かりのかたいらっしゃいまし
たら、教えてください。
-
1 名前： m035 ： 2006/02/10 18:07 ［URL］
- 私は感覚的にはどちらも同じだと思ってました。
私も知りたいところです。
それはともかく、今回は文字列の一部や複数のタグなどにスタイルだけを
divやspanで括ってclassでスタイル指定しよう、と言うことですよね？
pタグは段落を表すので、スタイルを段落に指定する以外はdivかspanを使うべきだと思います。
知っていると思うので、余計かも知れませんが･･･
-
2 名前： Newのり太 ： 2006/02/10 18:07
- 同じじゃないですよー。^_^;
http://www.kanzaki.com/docs/html/htminfo14.html#S13.2
-
3 名前： りえ ： 2006/02/10 18:07
- m035さん
段落にスタイルを適用するときは、
spanは使わない方が、よいのでしょうか？
pにclassでスタイルを指定する方が良いのでしょうか？
うーん、なんだかよくわからなくなってきちゃいました。
どなたか助けてください。
-
4 名前： りえ ： 2006/02/10 18:07
- Newのり太さん
以下のリンク、とてもわかりやすかったです。
わかったような気がします。
http://www.kanzaki.com/docs/html/htminfo14.html#S13.2
-
5 名前： Pid ： 2006/02/10 18:07
- ※誤字修正
そのリンク先に全て書いてあるので以下は蛇足。
HTML の要素は，情報のかたちを示す「ブロックレベル要素」と，情報の細部を表す「インライン要素」に大別されます（とりあえず）。
原則として，インライン要素の中にブロック要素を含めることはできません。この区別は，HTML/CSS を理解するのにとても大事なものですから，これを教えない「HTML 入門」はモグリです (^^;)。
※なお，要素の始まりを示すのが「開始タグ」，要素の終わりを示すのが「終了タグ」です。要素とタグは別物です。
ブロックレベル要素：ひとかたまりの情報（情報ブロック）を示す
・見出し … h1，h2，h3，h4，h5，h6
・段落 … p
・箇条書き … ul，ol，dl
・引用 … blockquote
・表 … table
・署名 … address
・上記以外 … div
インライン要素：個々のフレーズ（語句）の意味を表す
・リンクのアンカー … a
・画像 … img，object
・強調 … em，strong
・引用 … q，cite
・用語定義 … abbr，acronym，dfn
・コンピュータ用例 … code，kbd，samp，var
・文字整形 … sup，sub，tt，big，small，b，i
・上記以外 … span
つまり，div 要素は「用意された要素型では表せないような情報ブロック」，span 要素は「用意された要素型では表せないような語句」に使います。
>>3
> pにclassでスタイルを指定する方が良いのでしょうか？
その情報ブロックが段落（Paragraph）であればそうすべきです。段落ではないなら，他のタグを付けねばなりません。
HTML をページデザインのための言語だと「誤解」しているうちは，HTML も CSS も理解できませんので，リンク先をよくお読みになって下さいな。
-
6 名前： S ： 2006/02/10 18:07
- 書籍だからちゃんとしているかというとそうでもないからね。
>>2はとてもよい資料（同じドメインの他コンテンツも）だけど、間違った解説もあふれているから、それらを見分けるようになれるとなおよい。
http://members.jcom.home.ne.jp/pctips/www/knowledge/htmlguide.html
http://members.jcom.home.ne.jp/pctips/www/faq/homepage.html
http://members.jcom.home.ne.jp/pctips/Tondemo/
-
7 名前： りえ ： 2006/02/10 18:07
- 色々と教えていただき、ありがとうございました。
Ｗ３Ｃに書かれている事って、とても大切なんだなってわかりました。
