定義・強調・改行・spanタグ
dl,dt,ddタグ
dl,dt,ddは定義用のセットタグで、テーブルタグのtr,th,tdと似ています。
会社ページで言うと、更新情報とか概要とかに使うケースが多いです。
この状態でもいいのですが、上から下に並ばっていってしまうのがいやなら、CSSでdtとddを同じ列に来るように調整してあげましょう。
07 | border-bottom:dotted 1px #888; |
ポイントは、ddのスタイルでmarginにネガティブマージンが指定してあること。これを指定してdd要素を上に移動させてdtとddを重ね、重なってしまったddを右に移動させるためにmargin-leftを指定しています。
em、strongタグ
emもstrongも強調を表すタグで、くくられた文字はemの場合イタリックに、strongの場合太字になります。
テキストを太字にするタグはbタグになりますが、太くするだけならCSSのfont-weightプロパティを使えばよいので使う機会はないです。
この二つは太字とかイタリックとか見た目じゃなくて、強調されることでページ内での重要度が増し、検索エンジンにそのキーワードで拾われやすくなるというメリットがほとんどです。
emは強調、strongはより強い強調を表します。
brタグ
このタグを打つと次の行から改行されて表示されます。
2連続で打てば2行、3連続で打てば3行・・・改行されます。
spanタグ
divタグのインライン要素版で、それ自体には意味はありません。
文章の特定の文字だけにスタイルを適用したいときに多用します。
2 | <p>バラの花びらは<span>赤色</span>です。</p> |
こうすると「赤色」という文字だけが赤くなります。
コメントor補足情報orご指摘あればをお願いします。
