【HTML5】テーブルデータの空白部分について

質問

あるテキストで見かけた表の作成方法です。
添付してある画像の一番下の行に空白が２つあります。
このテキストでは空白部分に<br>が使ってあります。

<br>は一般的に改行するときに使用すると他のテキストやサイトに書かれています。
空白の場合はCSSで幅、高さなどの調整するものだと思っていました。

table内に空白のデータがある場合、<br>を入れておくというのは通常現場などでも使われている方法なのですか？ 空白のデータは皆さんはどのように処理なされているのでしょうか？

実務経験のない初心者です。まだ勉強中のものです。
よろしくお願いします。

<table>

（略）

<tfoot>
<tr>
<th>計</th><td><br></td><td><br></td><td>160</td>
</tr>

</tfoot>

</table>

回答No.1

h_ishikawa · ベストアンサー

古い慣習ですが、ieなどでは<td>タグの中が空の場合に、幅設定をしていてもそれを無視して詰めてしまう事があります。

それを回避するために全角スペース（半角スペースは同じく詰められてしまう）や<br>を入れる方法があったのですが、本来のHTMLとしては正しくありませんので、今は使わないのではないでしょうか。

質問者様のいうとおり、CSSで設定すればそれで解決できますので、今はそうしていますが、古いHTMLしか理解できない特殊なブラウザを相手にする場合には、覚えておけばいつか使えるかもしれません。

お礼

あくまで特殊な例でそういう使い方もあると理解しておけばいいのですね。
大変勉強になりました。どうもありがとうございました。

回答No.2

AsarKingChang

今のブラウザは、さすがに、それでつめることはへったでしょうが。
確かに昔はありましたね。
当時は、&nbsp;
をよく書いてましたよ。
これは、強制的にスペース1個に置きかられる文字になります。
ただ今でも、まれ～～に、
「画面に表示されない文字」を入れることはありますね。

お礼

&nbsp;だと納得いきます。
「画面に表示されない文字」として<br>を使っていたわけですね。
初心者ですので何か意味があるのかと考え込んでしまいました。
どうもありがとうございます。