おすすめの水平線の入れ方

[新着] Webテンプレートを仮オープンしました



0   名前: ねね : 2006/03/02 22:20
スタイルシートをベースにレイアウトするページに
水平線を入れる場合、オススメのhtmlタグと、
オススメのスタイルの指定方法がございましたら、教えて下さい。

<hr>タグを使うのが良いのでしょうか?
レイアウトに使う、スタイルシートはどのタグを使うと良いのでしょうか?

おすすめの方法を教えて下さい。

1   名前: カヅサツ : 2006/03/02 22:20  [URL
> スタイルシートをベースにレイアウトするページに
> 水平線を入れる場合、オススメのhtmlタグと、
> オススメのスタイルの指定方法がございましたら、教えて下さい。

CSS でしたら border系のプロパティでしょうか。
垂直の線や点線なども指定できます。

私のサイトでも多用しています。

> <hr>タグを使うのが良いのでしょうか?

CSSで線を引くなら使う必要はないですが、hr要素「も」使い、CSSで非表示にしておくと、CSS対応環境下では CSS による枠線が、非対応環境下では hr要素による水平線が引かれますので、私はそうしています。が、まぁ面倒なので、初心者の方にはあまりオススメしません。

> レイアウトに使う、スタイルシートはどのタグを使うと良いのでしょうか?

CSSを HTML に組み込むには

・link要素(外部 CSS ファイルを指定)
・style要素(HTML文書に直接書き込む)
・style属性(各要素に直接指定する)

の 3種類はありますが、オススメは link要素です。
複数の HTML文書に、同じCSSを指定することで、統一したレイアウトが簡単に実現できますし、ファイルを分けることで管理や更新が、けっこう楽になります。

2   名前: ねね : 2006/03/02 22:20
ありがとうございました。

CSSをOFFにしてあるブラウザでは、
hrを表示させるという、アイディア。
なるほどです。

border系のプロパティーを適用するタグは、
どのタグがおすすめですか?

<p>とか<span>とか、なのでしょうか?

3   名前: カヅサツ : 2006/03/02 22:20  [URL
文書構造によりますが、Level 2以降の見出し(h2〜h6)が「文章の区切り」として判り易いと思います。

一覧へ戻る