No.3
- 回答日時:
プレゼンテーション(表現)のためにHTMLを書くのは間違い・・
HTMLは文書構造しか書きません。
まず、その前後の脈絡にしたがってHTMLを書くことから始めましょう。
<span>
ワイン(ボトル)
</span>
</br>
各種
spanやdivは「id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」のものです。他に適切な要素がある場合は、spanやdivは使ってはなりません。HTML5では明確に否定されています。
Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable.( http://www.w3.org/TR/html5-author/the-div-elemen … )
他に適切な要素がないときの最後の最後の手段として使うべき・・
もし、商品項目と明細でしたら
<dl>
<dt>ワイン各種(ボトル</dt>
<dd>ボジョレー・ヌヴォー
<p>フランスのブルゴーニュ地方南部に隣接する丘陵地帯・ボジョレーで生産されるヌヴォー(試飲新酒)仕様の赤ワイン</p>
・・・・
とかにマークアップされているはずですからね。
それを一行で表示 dt{float:left;} しようが、説明を省こう dd p{display:none;}しようがは、スタイルシートで!!
※</br>を無くして、
多くの場合、きちんとマークアップされていれば、必然的に余計な事はしなくて良いはずですよ。
<p>下記タグの</br>を無くして、CSSで設定することはできますか?</br>
</br>
<span></br>
ワイン(ボトル)</br>
</span></br>
</br></br>
各種 </br>
↓
<p>下記タグの</br>を無くして、CSSで設定することはできますか?</p>
<pre><code><span>
ワイン(ボトル)
</span>
</br>
各種</code></pre>
★</br>が使われていて、かつ其処が改行でしたら、一部を除いて!!(※)確実に異なるブロック要素であるはずですから、<div><span>じゅなく、もっと適切なマークアップがあるはずです。
※一部とは、住所を示す部分で
<address>東京都新宿区<br>
****町**丁目</address>
とか・・・・・それ以外、</br><br>は通常のHTMLには存在し得ないはずです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- HTML・CSS imgとpを縦・横に中央揃えする 1 2023/01/17 11:30
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS HTMLソースの質問 3 2022/07/28 13:29
- その他(コンピューター・テクノロジー) 正規表現の置換で一部の文字列をそのまま残したい 2 2022/05/03 19:19
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
超音波で洗脳。
-
【ヒトの神秘】美男美女から何...
-
含む含まないという概念自体の...
-
角丸画像の背景色を透明にした...
-
質問1.
-
input type="hidden"で取得した...
-
smallにtext-allignが効かない
-
HTMLの〈li〉について教えてく...
-
border: noneでボタンの境界線...
-
H1タグを画像にしたい
-
改行ほどは行かないけど、若干...
-
imgタグをそのまま使うことは正...
-
タグの締め
-
cssのdisplay:block
-
テキストボックスの中にリンク...
-
拡大してもはみ出さないコーデ...
-
質問サイトで、求めてもいない...
-
ホームページビルダー16の属...
-
html タグの閉じスラッシュ前の...
-
tdに対してmin-heightの定義、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
還暦を過ぎた方々に質問です。
-
「諸要素」とはどういう意味で...
-
質問1.
-
textareaの幅を画面と合わせたい
-
角丸画像の背景色を透明にした...
-
2個のFormを横並びにしたい
-
テキストボックスの中にリンク...
-
HTMLです 四角みたいにして中に...
-
CSS:overflow要素の印刷について
-
input type="hidden"で取得した...
-
tdに対してmin-heightの定義、...
-
HTMLページ上でiframeを最前面...
-
タグは大文字と小文字どちらが...
-
HTMLです
-
2行にしたい要素、改行か分割...
-
改行ほどは行かないけど、若干...
-
H1タグを画像にしたい
おすすめ情報