掲示板/総合質問板/過去ログ/一覧/ 見出しタグを使うとどうしても行間が広がるんですか？

0 名前： たかひろ ： 2006/12/14（木） 23:28 ID:sMse/8di: タイトル通りですが，どうしようもないものなのでしょうか？

1 名前： Newのり太 ： 2006/12/14（木） 23:28 ID:soILHxrj: たいていのブラウザでは、自身の持つスタイルシートによって、
見出しや段落の（行間というわけではなく）前後に一行分程度の余白をあけます。

ブラウザデフォルトのスタイルが気に入らない場合は、
スタイルシートのマージンプロパティで調節してください。
http://www.tagindex.com/stylesheet/box/margin.html

2 名前： たかひろ ： 2006/12/14（木） 23:28 ID:sMse/8di: Newのり太様返信ありがとうございました。
よろしければもう少し詳しく教えていただけないでしょうか。
body{
line-height:150%;
font-size:12px;
margin:0px;
padding:0px;
}
h1{
font-size:12px;
font-weight:normal;
margin: 0px;
}
.a{
width:100%;
padding:5px;
margin: 0px;
}
のようにh1要素にマージン０ｐｉｘを指定してみました。確かに私が行間と表現していたものはなくなったのですが，
<div class="a">あいうえお<h1>かきくけこ<h1></div>
とすると，「あいうえお」と「かきくけこ」が２行で表示されてしまいます。
横に並べて表示することは可能でしょうか？

3 名前： カヅサツ ◆ThCi95HEzw ： 2006/12/14（木） 23:28 ［URL］ ID:O5hEMlpW: >>2
> <div class="a">あいうえお<h1>かきくけこ<h1></div>
> とすると，「あいうえお」と「かきくけこ」が２行で表示されてしまいます。
> 横に並べて表示することは可能でしょうか？

「かきくけこ」は見出しということは判りますが、「あいうえお」は何ですか？
段落で良いですか？

こういう場合、「あいうえお」「かきくけこ」ではなく、実際のテキスト(あるいはそれに近いもの)にすると、適切な回答がし易いです。

4 名前： たかひろ ： 2006/12/14（木） 23:28 ID:sMse/8di: すいません。
「あいうえお」はサイト名です。
「かきくけこ」はＳＥＯ対策のキーワードを含むサブタイトルです。

見出しを小さく表示することが検索エンジンに対してプラス（少なくともプラスではないでしょうが）かマイナスかということをいろいろ調べてみましたが，よくわかりません。
本当はこれに関してもお聞きしたいんですが，話が広がりすぎるのでやめておきます。

5 名前： Ryu ： 2006/12/14（木） 23:28 ID:braAjNZo

ｈ1はサイト名、ｈ2はサブタイトルとしてみました。
どうでしょうか？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
	<title></title>
	<style type="text/css">
	h1 {
	float: left;
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	}
	
	h2 {
	font-size: 1emt;
	margin-top: 0;
	margin-bottom: 0;
	}
	
	</style>
</head>
<body>
<h1>ああああああ</h1>
<h2>いいいいいい</h2>
</body>
</html>

6 名前： カヅサツ ◆ThCi95HEzw ： 2006/12/14（木） 23:28 ［URL］ ID:O5hEMlpW

> 「あいうえお」はサイト名です。
> 「かきくけこ」はＳＥＯ対策のキーワードを含むサブタイトルです。

であれば、両方とも h1要素だと思います。

例えばサイト名が「サンプル建設」で、「土木請負よろず請け負います」というサブタイトルがあるのであれば、

<h1><em>サンプル建設</em> ―土木請負よろず請け負います―</h1>

とでも書いて、適切なスタイルを指定すれば良いと思います。

7 名前： Ryu ： 2006/12/14（木） 23:28 ID:braAjNZo

すみません・・・間違ってた・・・
マージンの設定はいらないですね・・・
ということで、こっちにしてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
	<title></title>
	<style type="text/css">
	h1 {
	float: left;
	font-size: 1em;
	}
	
	h2 {
	font-size: 1em;
	}
	
	</style>
</head>
<body>
<h1>ああああああ</h1>
<h2>いいいいいい</h2>
</body>
</html>

8 名前： Newのり太 ： 2006/12/14（木） 23:28 ID:soILHxrj: サイト名なら、タイトルまたはより上位の見出しが適当ではないかと。

とりあえず、ブロック要素をあたかもインライン要素の如く横に並べるのなら
display: inline;

> 見出しを小さく表示することが検索エンジンに対してプラス（少なくともプラスではないでしょうが）かマイナスかということをいろいろ調べてみましたが，よくわかりません。

検索エンジン、ひいてはユーザーを欺くようなことはするべきではありません。
表現上必要で、検索エンジンがなかったとしても同じことをするかどうか、
という点に注意すればよろしいのではないでしょうか。
うしろめたいのならやめておきましょう。

> ＳＥＯ対策

適切にマークアップされた文書なら、小細工は必要ないと思います。

9 名前： Newのり太 ： 2006/12/14（木） 23:28 ID:soILHxrj: # ありゃりゃ、かぶりまくり。

10 名前： カヅサツ ◆ThCi95HEzw ： 2006/12/14（木） 23:28 ［URL］ ID:O5hEMlpW

>>7

> h1 {
> 	float: left;
> 	font-size: 1em;
> }

floatを指定する時は、widthもauto以外を指定しておく方が無難です。

11 名前： たかひろ ： 2006/12/14（木） 23:28 ID:sMse/8di: たくさん回答いただきありがとうございます。
今から，皆さんが教えてくださった方法を試してみます。