No.2ベストアンサー
- 回答日時:
> テーブルタグの TH, TD 内にHR(水平の罫線)を引くのですがこれは使っても良いのでしょうか?
文法上は間違いではないです。
> 動作はしているのですが、お勧めできないことでしたら、やめようと思います。
hrは、あるひとかたまりの内容がここから違うひとかたまりの内容に変わりますよ、という目印としての区切り線といった意味を持つものですので、質問者様のソースの場合、「テスト1」と「テスト2」の内容がそういった性質のものであるかどうかによって、論理的に適切かどうか(「お勧め」できるか否か)は違ってきます。
あと、tableは「表」ですので、表のデータの中にそのhrが出現する様な性質のものが出てくるケースというのがちょっと想像できない(有り得ないとは言いません)のですが、もしかしてこの<table>~</table>は「表」としてではなく、レイアウトをする為だけに使っていますか?(本来それは推奨されない事なのですが、今回の質問はその事ではないので無視しておきます)であれば、hrを使う様な内容があっても不思議ではないですが。
以下の様なサンプルで、hrの使い方の感じが掴めますでしょうか。
---------------------------------------------------------------------
私はペットを沢山飼っている。それを紹介する。
<p>犬の話題…</p>
<hr>←ここで話題が変わるので挿入
<p>猫の話題…</p>
<hr>←ここで話題が変わるので挿入
<p>ハムスターの話題…</p>
---------------------------------------------------------------------
> 他に何か見栄えも良くておすすめできるものがありましたら教えてください。
単にブロックとブロックの間に線を引きたいという見た目の問題だけなら、CSSでborderプロパティを使えば線の形状・色・太さ・線とテキストとの間隔も自在です。
No.1
- 回答日時:
問題もないわ。
ただし、一部の古いブラウザ(Netscape3)で
レイアウトが崩れることがあるようなので
<hr>にはwidthを指定して、必ずセルの幅よりも小さくする
ようにする必要があるわ。
もちろん、
そんなレアブラウザ無視してしまう
というのもありよ。
私が、仕事抜きで自分のサイトを作る場合は無視しちゃうし
仕事の場合は許可貰う方向で話を進めるわ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- その他(クラウドサービス・オンラインストレージ) Googleのスプレッドシートで罫線を画像の前面に出す事は出来ないのでしょうか? 2 2022/05/01 05:31
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlでテーブル内にテキストボ...
-
スペースが空きすぎて困ってい...
-
【ホームページビルダー】表の...
-
markdownでテーブルの罫線は、...
-
TD、THタグ内の水平罫線(...
-
以下のHTMLをスタイルシートで...
-
エクセルでサイズ指定でPOP...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズに合ったもの...
-
指定時間になったら、WEBサイト...
-
<h1>タグの後の行間を詰めたい。
-
ホームページビルダーで表の列...
-
パソコンでランドルト環の作成...
-
CSSのtransform: translate(-50...
-
インラインフレームの表示位置...
-
CSSでh1とその下の文字との行間...
-
ホームページビルダー(表の色...
-
丸メガネが似合うようにするに...
-
エクセル 画面表示拡大率によ...
-
table内で画像と文字をセンター...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlでテーブル内にテキストボ...
-
テーブル内の一部のみ線を変更...
-
TD、THタグ内の水平罫線(...
-
Dreamweaverのテーブル内テキス...
-
実行結果をデジタル時計みたい...
-
【ホームページビルダー】表の...
-
iframeのスクロールバー:縦だ...
-
DREAMWEAVERでテーブルに枠線
-
colspanで余計な余白
-
markdownでテーブルの罫線は、...
-
かっこいいウェブを作るテク
-
gooブログに表を挿入できないで...
-
サイト全体を中央に表示したい...
-
<table>の<thead>を固定したい。
-
SEO対策 <Body>タグ直下のテキ...
-
<H1>を使わずに<H2>以下を使用...
-
テーブル固定幅のサイトをスマ...
-
Iフレームを置いているページの...
-
テーブルをテーブルで囲う意味...
-
ホームページビルダーで表と表...
おすすめ情報