同じ数字の<h*>でも、半角小文字英字と全角日本語では、一段階くらい大きさが違います。

今は仕方なく、同じに大きさ(ボリューム感)に見えるように
<h3>と<h4>、<h4>と<h5>などの組み合わせで使い分けています。

<h3>abcde、<h4>あいうえお、
こういうことでいいのでしょうか。

このQ&Aに関連する最新のQ&A

A 回答 (5件)

><h3>abcde、<h4>あいうえお、


>こういうことでいいのでしょうか。

それはまずいですね・・・
xmlの構造を表すものですからレベルが違うと全く違う構造だと
いうことになります。

classを設定して、サイズを調整してやればいいのでは?

<style>
h3.hankaku{
font-size:1.5em;
}
h4.hankaku{
font-size:1.2em;
}
</style>
<h3 class="hankaku">abcde</h3>
<h4>あいうえお</h4>
<h4 class="hankaku">abcde</h4>
<h5>あいうえお</h5>
    • good
    • 0
この回答へのお礼

ありがとうございます。

そうか!クラスでやればいいんですね。それならできます。
構造は守り、見た目の大きさを変える、ですね。

さっそく、外部スタイルシートとあわせて変更します。

同じヒエラルキーなのに、<h>を違えるのは
納得がいかないままだったので解決できてよかったです。

ホームページ作成1週間過ぎの超初心者です、
皆さんまたよろしくお願いします。

お礼日時:2009/05/15 18:03

皆さん、おっしゃっているように、見出しの格をh*は表しますので、質問の書き方ではまずいです。



ではどうするか?
1.和文と欧文の書体を変える。
又は、
2.同じ格の見出しの欧文や和文だけ<span></span>で囲み、大きさの指定を別にする。

2が私の推薦する方法です。
<html>
<head>/*ココを見つけてください。/
<style>
h3{font-size:100%;}
h3 span{font-size:120%;}
</style>
</head>/*ココを見つけてください。そしてその間の支障の無い場所に<style>~<style>を入れてください。これでそのページ内のタグに有効になります。*/
<body>
<h1><h*>について。</h1>
<h2>同じに大きさ(ボリューム感)に見えるよう</h2>
<h3><span>abcde、</span>あいうえお</h3>
<p></p>
</body>
</html>

本当は見出しじゃないと思うので、実際の構造を教えてもらえると、正しい構造での書き方をお教えできると思います。
    • good
    • 0

#1 も言われてるけど, h? は普通の文章でいう「節」とか「章」の見出しにあたるものだから, そう書くと文章の構造がめちゃくちゃになります.


まさか「文字の大きさを変えるために h? を使ってる」なんてことはあり得ないですよね? やりたいことが見えないんだけど,「スタイルシートで頑張る」か「font 要素を使って何とかする」のどちらかしかないかなぁ.
とはいえ, この辺は本来「フォントの設計者が何とかするべきもの」なんだけどね. 「本当に同じ大きさで作っちゃうと漢字の方が大きく見えるので, 漢字はちょっと小さめにする」というのはごく自然な設計なんだけど....
    • good
    • 0

同じ文字サイズの指定で表示が異なる問題は


表示しているフォントの問題になるかと思います。

スタイルシートでフォントの種類は設定されてますでしょうか?
■している場合
フォント指定の順番が、英文フォントが先にありませんか?
その場合、英文には英文フォントが優先的に適用され、
英文フォントには全角の情報が無い→次のフォントを適用
という流れになる為、英語と日本語の表示が異なってしまうと思います。

■していない場合
初めてのスタイルシートとなると難しいかもしれませんが、
スタイルシートにて、日本語フォントの指定をしてみて下さい。
http://w3g.jp/sample/css/font-family#japanese
    • good
    • 0

HTMLっていうのは 試験勉強みたいに「どこからどこをマーキングする」って考え方で原文にマーキングを表す「タグ」を入れていく事になるよ。



マーキングってさ、「始点」と「終点」があるよね?


それと大きさを指定したい場合はタグではなくてそのタグをどう装飾するのかという別の物で指定するんだよ
通常CSSと呼ばれる手合いのもの
http://www.tohoho-web.com/css/reference.htm#font …

ただ、いきなりは判りにくいから、<h*>みたいな感じで使える<font>から使ってみたら良いんじゃないかな。
ゆくゆくは<font>は排除しないといけないんだけど取りかかりとしてはアリだからまずはそこから
http://www.tohoho-web.com/html/font.htm
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報