HTMLでの質問です。

Question

quocard

347

347もっと見る

200pt

インターネットウェブ制作

HTMLでの質問です。

ある文字を太字にしてサイズを大きくしたい場合は


といったタグを使用します。

特定の文字

こういった感じになります。
この時のタグを閉じる順番は

１．特定の文字
２．特定の文字

上記のどちらが正しいのでしょうか？

回答の条件

1人5回まで

登録：2007/02/15 08:32:39
終了：2007/02/22 08:35:02

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

b-wind 2007/02/22 09:58:09

なんだかえらい事になってるな。

http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.2.1
>要素を支配する規則については、SGML標準を参照されたい。例えば、
> 要素は適正に入れ子にする必要があるとか、ある1つの終了タグは、
> マッチする開始タグまで遡る範囲の途中にある、
> 終了タグが省略されている開始タグのすべてを閉じるとか(7.5.1【JIS X4151の6.3.1】)。

あと関係しそうなのはここだが。同じページの
> HTML要素型の中には、著者が終了タグを省略することを許容するものもある。
だが、
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/present/graphics.html#h-15.2
font,b 共に終了タグは省略不可となっている。

仕様に明確に定義されているので１しかダメ。
もちろん２でもブラウザは適当に解釈してくれるけど、それはまた別のお話。
iwaim 2007/02/22 12:04:02

> あと関係しそうなのはここだが。

関連しないよ。質問の意図はどういう順で終了タグが存在するかということなので。
仮に省略可能な開始タグ、終了タグでも表記上は省略しているだけでそこに存在するのだから。

あてにならない回答者もいるもんだちゃんかずの戯言 2007-02-15 15:43:40

人力検索はてな - HTMLでの質問です。ある文字を太字にして..について。HTMLでの質問です。ある文字を太字にしてサイズを大きくしたい場合はといったタグを使用しま..
ちゃんかずのメモ 2007-02-15 16:03:18
[HTML][人力検索] http://q.hatena.ne.jp/1171495958についてつれづれ 2007-02-15 16:05:02

http://q.hatena.ne.jp/1171495958 の話。まず、これはHTML 4.01仕様書にあるようにSGML規格を参照すれば何が正しいのかは自明。JIS X 4151の6章を読めばよい。また何処かに詳細は書くが、「要素」が何
Another 朝顔日記 2007-02-16 12:48:49
progressive link 2007-02-16 18:23:21
基礎がなっていない、恐ろしさ hikaliの開発日誌 2007-02-18 16:45:47

　昔、大手サイトを預かっていたとき、htmlコーダーの方がわたしのところに来て、このページずれてるんですけど、と言ってくれた。　大手のサイトなど、デザイン・コーダ・プログ
タグを閉じる順番人力検索はてなピックアップ質問集 2007-02-19 12:19:12

HTMLでの質問です。ある文字を太字にしてサイズを大きくしたい場合は &lt;b&gt; &lt;font size&gt; といったタグを使用します。 &lt;b&gt;&lt;font size=&quot;10&quot;&gt;
DOSEI日記 2007-02-23 01:09:10
ちゃんかずのメモ - 「質問ID：1229772062」について 2008-12-22 20:22:33

「質問ID：1229772062」について人力検索はてな - 画面に縦、横スクロールが出ないように中央に設置..について。ホームページをdreanwever2004mxで作成しているところです。質問なのですが、tab

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

mosgreen · Answer 1 · 2007-02-15T08:39:55+09:00

１．特定の文字が正しいですよ。

内側の要素を先に閉じて、外側の要素は後です。

きゃづみぃ · Answer 2 · 2007-02-15T08:52:49+09:00

どちらでもいいです。

間違いはないですね。

そのタグが有効となるのは閉じるまでです。

.

つまり、

１．特定の文字

の場合は、との間の部分が Fontサイズが戻ってしまいますが、

.

２．特定の文字

の場合は、

最後まで Fontサイズが 10となります。

.

つまり

＜ｂ＞＜ｆｏｎｔ　ｓｉｚｅ＝”１０”＞特定の文字＜／ｂ＞ｔｅｓｔ１＜／ｆｏｎｔ＞

.

特定の文字test1

.

＜ｂ＞＜ｆｏｎｔ　ｓｉｚｅ＝”１０”＞特定の文字＜／ｆｏｎｔ＞ｔｅｓｔ２＜／ｂ＞

.

特定の文字test2

.

のようになるだけです。

使い方によってどちらを用いるのか決めたらいいだけです。

kaijikaiji · Answer 3 · 2007-02-15T09:00:41+09:00

No.3

kaijikaiji4002007/02/15 09:00:41

14pt

「１」です。

ありがとうございます。

他の方の回答には別が正解といった内容もあり

どちらが正しいのか･･･

2007/02/15 13:06:18

Kotobuki_F · Answer 4 · 2007-02-15T09:03:01+09:00

１です。

ついでにいうと手元の解説書によるとsizeに使える数字は１～７までのようです。

turuchan · Answer 5 · 2007-02-15T09:08:53+09:00

正しいのは特定の文字が正しいです

　＋---------------------＋

　　　　　　*-------------------*

<tag-1><TAG-2>文字</tag-1></TAG-2>

のようにタグが交差する設定は出来ません

<tag-1><TAG-2>文字</TAG-2></tag-1>

　　　　　*------------*

　＋-------------------------------＋

のようにタグを設定します。

また、よりはの方が

良いと思います。

の場合一応7が最大です

kazuyasakai · Answer 6 · 2007-02-15T09:15:05+09:00

No.6

kazuyasakai6512007/02/15 09:15:05

13pt

HTMLはタグを入れ子にするため、2.が正しいです。

ありがとうございます。

入れ子でないほうがいいとの回答もあるので

どちらが正しいのか･･･

2007/02/15 13:07:09

nyankochan · Answer 7 · 2007-02-15T09:19:14+09:00

No.7

nyankochan32392007/02/15 09:19:14

13pt

１番が正しいです。

基本形は・・・・

<1番目のタグ>

<2番目のタグ>

<…番目のタグ>

文字列

</…番目のタグ>

</2番目のタグ>

</1番目のタグ>

エラーとして出るのでわかりやすい例が

とでもすると確認できるかなと思います。

No.8

tekenaar343152007/02/15 09:32:03

13pt

どちらでも反映されると思いますが、一般的なのは2番だと思います。

特定の文字

No.9

gessan15412007/02/15 09:48:37

13pt

スタイルシートを使用すれば、

<b>文字</b>

だけで済みます。

スタイルシートには

b {
font-size: 10px;
font-weight: bold
}

と記述します。

No.10

Strada1812007/02/15 12:46:26

13pt

1です。

タグの階層が複雑になって言った場合、2の書き方だと修正の時に面倒になるでしょう。

例えば

＜b＞＜font size="10"＞大文字＜/font＞ここは小文字＜/font＞

といったように、範囲が明確になります

尚、2であっても表示上は問題がないと思います（ブラウザが判断してくれる）

No.11

iwaim215192007/02/15 15:12:49

13pt

なんで解ってないのに答える人がいるのかな。

 <b><font size="10">特定の文字</font></b>

この順にする必要があります。

詳細はHTML 4.01仕様書、SGML規格などを参照してください。

*http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/intro/sgmltut....

*http://www1.u-netsurf.ne.jp/~7l1rll/SGMLsec6_0.html#3

なお、Webブラウザでは、

 <b><font size="10">特定の文字</b></font>

というような記述ミスもエラーとせずにそれなりに解釈してくれます。それは、これぐらいのエラーでWebブラウザがレンダリングを中止することは利便性に欠けるからです。

No.12

llusall505612007/02/15 15:24:00

13pt

これだけオープンされるということは、根拠がほしいのでしょうか。

少し調べてみましたので記載します。

W3C Recommendation 「4.HTML4 との違い」より

http://msugai.fc2web.com/web/W3C/xhtml1SE/diffs.html

4.1. 文書は整形式でなければならない (Documents must be well-formed)

整形式は [XML] で導入された新しい概念である。

W3CのXMLの勧告によると、上記のような記述があるようです。

ですので、

「HTMLではどちらでも可」

「XMLでは厳密に入れ子になっていないと不可」

とのことだと思われます。

※W3Cの日本語訳では、有益な情報を見つけられませんでした。（見落としかも。すみません。）

HTML 4.01仕様書　999年12月24日付W3C勧告

http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html

No.13

tarltz512007/02/15 15:31:18

13pt

w3c validator に聞いてみました。

http://validator.w3.org/check?uri=http%3A%2F%2Fmembers2.jcom.hom...

難しい事はわからないのですが、内側のタグを先に閉じないとダメなようです。

(7行目はOKですが8行目がエラーになりました)

No.14

rockybabloa1602007/02/15 22:31:02

13pt

<b><font size="x">特定の文字</font></b>

<b><font size="x">特定の文字</b></font>

どちらの場合も同じ表示となりますが、HTML記述として正しいの絶対１番です。

No.15

cockscomb2352007/02/15 22:54:14

13pt

色々言っていますが、『HTML』が意味するのが標準的なHTMLであるなら、1.の入れ子にするってのが正解であろうかと。

ブラウザはタグの始めと終わりを見つけ出してHTMLの構造を解析するわけですから、基本的には入れ子にするべきです。HTMLはMarkup Languageであり、構造化する言語です。

例でいくと、『特定の文字』がまずあります。

特定の文字

それをマークアップしてフォントサイズを大きくした『特定の文字』にします。

<font size="7">
    特定の文字
</font>

それをさらにマークアップして太字にした『特定の文字』にします。

<b>
    <font size="7">
        特定の文字
    </font>
</b>

これがマークアップ言語です。これをもし2.のようにしてしまうと、ちょっと構造的とは言いがたく、はっきり言って意味が分からなくなります。ブラウザは親切にも好意的に解釈してくれますが、HTMLとしては全くの誤りと言って差し支えないでしょう。

しかしどうせならCSSをインラインで記述して

<span style="font: bold 3em sans-serif;">
    特定の文字
</span>

くらいにしておけば問題ないのではないかと。

tekenaar · Answer 8 · 2007-02-15T09:32:03+09:00

どちらでも反映されると思いますが、一般的なのは2番だと思います。

特定の文字

gessan · Answer 9 · 2007-02-15T09:48:37+09:00

スタイルシートを使用すれば、

<b>文字</b>

だけで済みます。

スタイルシートには

b {
font-size: 10px;
font-weight: bold
}

と記述します。

Strada · Answer 10 · 2007-02-15T12:46:26+09:00

1です。

タグの階層が複雑になって言った場合、2の書き方だと修正の時に面倒になるでしょう。

例えば

＜b＞＜font size="10"＞大文字＜/font＞ここは小文字＜/font＞

といったように、範囲が明確になります

尚、2であっても表示上は問題がないと思います（ブラウザが判断してくれる）

iwaim · Answer 11 · 2007-02-15T15:12:49+09:00

なんで解ってないのに答える人がいるのかな。

 <b><font size="10">特定の文字</font></b>

この順にする必要があります。

詳細はHTML 4.01仕様書、SGML規格などを参照してください。

*http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/intro/sgmltut....

*http://www1.u-netsurf.ne.jp/~7l1rll/SGMLsec6_0.html#3

なお、Webブラウザでは、

 <b><font size="10">特定の文字</b></font>

というような記述ミスもエラーとせずにそれなりに解釈してくれます。それは、これぐらいのエラーでWebブラウザがレンダリングを中止することは利便性に欠けるからです。

llusall · Answer 12 · 2007-02-15T15:24:00+09:00

これだけオープンされるということは、根拠がほしいのでしょうか。

少し調べてみましたので記載します。

W3C Recommendation 「4.HTML4 との違い」より

http://msugai.fc2web.com/web/W3C/xhtml1SE/diffs.html

4.1. 文書は整形式でなければならない (Documents must be well-formed)

整形式は [XML] で導入された新しい概念である。

W3CのXMLの勧告によると、上記のような記述があるようです。

ですので、

「HTMLではどちらでも可」

「XMLでは厳密に入れ子になっていないと不可」

とのことだと思われます。

※W3Cの日本語訳では、有益な情報を見つけられませんでした。（見落としかも。すみません。）

HTML 4.01仕様書　999年12月24日付W3C勧告

http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html

tarltz · Answer 13 · 2007-02-15T15:31:18+09:00

w3c validator に聞いてみました。

http://validator.w3.org/check?uri=http%3A%2F%2Fmembers2.jcom.hom...

難しい事はわからないのですが、内側のタグを先に閉じないとダメなようです。

(7行目はOKですが8行目がエラーになりました)

rockybabloa · Answer 14 · 2007-02-15T22:31:02+09:00

<b><font size="x">特定の文字</font></b>

<b><font size="x">特定の文字</b></font>

どちらの場合も同じ表示となりますが、HTML記述として正しいの絶対１番です。

cockscomb · Answer 15 · 2007-02-15T22:54:14+09:00

色々言っていますが、『HTML』が意味するのが標準的なHTMLであるなら、1.の入れ子にするってのが正解であろうかと。

ブラウザはタグの始めと終わりを見つけ出してHTMLの構造を解析するわけですから、基本的には入れ子にするべきです。HTMLはMarkup Languageであり、構造化する言語です。

例でいくと、『特定の文字』がまずあります。

特定の文字

それをマークアップしてフォントサイズを大きくした『特定の文字』にします。

<font size="7">
    特定の文字
</font>

それをさらにマークアップして太字にした『特定の文字』にします。

<b>
    <font size="7">
        特定の文字
    </font>
</b>

これがマークアップ言語です。これをもし2.のようにしてしまうと、ちょっと構造的とは言いがたく、はっきり言って意味が分からなくなります。ブラウザは親切にも好意的に解釈してくれますが、HTMLとしては全くの誤りと言って差し支えないでしょう。

しかしどうせならCSSをインラインで記述して

<span style="font: bold 3em sans-serif;">
    特定の文字
</span>

くらいにしておけば問題ないのではないかと。

HTMLでの質問です。

回答（15件）

mosgreen8562007/02/15 08:39:55

きゃづみぃ1353911982007/02/15 08:52:49

kaijikaiji4002007/02/15 09:00:41

Kotobuki_F40692007/02/15 09:03:01

turuchan912007/02/15 09:08:53

kazuyasakai6512007/02/15 09:15:05

nyankochan32392007/02/15 09:19:14

tekenaar343152007/02/15 09:32:03

gessan15412007/02/15 09:48:37

Strada1812007/02/15 12:46:26

iwaim215192007/02/15 15:12:49

llusall505612007/02/15 15:24:00

tarltz512007/02/15 15:31:18

rockybabloa1602007/02/15 22:31:02

cockscomb2352007/02/15 22:54:14

コメント（2件)

この質問への反応（ブックマークコメント）

トラックバック