A 回答 (6件)
- 最新から表示
- 回答順に表示
No.6
- 回答日時:
まず重要な事はHTMLが見栄えを持たない文章構造を定義するファイルフォーマットであるという前提があることです。
そもそもli要素で・が表示されたりbr要素で改行されたりするのも、W3Cが推奨する初期値を提示し、各ブラウザベンダーが良きに計らっているに過ぎません。
また、デフォルトの表示方法はW3Cが推奨しているだけで、HTMLビューア(多くの場合はブラウザ)は使用者の文化に合わせて表示してかまわないとなっています。
(日本人でもあまりこの通りには書きませんが)日本語の順序付き箇条書きは縦書き、上下左右に1文字分の空白、句読点なし、各項頭部に1から始まる漢数字+句点を付けるとなります。
また順序なし箇条書きはあまり使われませんが、縦書き、上下左右に1文字分の空白、句読点なし、頭部に各項を示す点なしとなります。
同じ順序付きリストでもヨーロッパ圏では今でもローマ数字で書く地域もあればアラビア数字で各地域もあれば、箇条書きは原則目次のようなものにしか使わないので§マークを付ける地域もあります。
このような状況は・を直書きしていては対処できません。
ですからHTMLでli要素で囲ってHTMLビューアに良きに計らってもらう事になります。
また、スタイルは「強調されたユーザスタイル>ページスタイル>ユーザスタイル>ビューアデフォルトスタイル」の優先順位で適用する事が推奨されていますが、ページスタイルは無視ししてもよいとされています。
つまり自分が書いたCSS等のスタイルが適用された状態で見てもらえる保証はどこにも存在しません。
例えば箇条書きのつもりで・を直書きしたりテーブルでレイアウトを作りこむような、HTML内に見た目を決める内容を含めるとアーティファクトが発生してしまいます。
ですからリストを作るときは・を直書きするのではなくli要素を使用すべきなのです。
No.5
- 回答日時:
文書の先頭に「・」を打つことはかまいませんが
それは箇条書きではなく単に先頭が「・」の文書でしかありません
構造として箇条書きなんだと誰が見ても理解できるのが
マークアップ言語の特性です
No.3
- 回答日時:
サイドメニューなどを作る時に便利で有効なタグだから多用する。
ul,liを組合わせてcssで修飾して、幅・高さ・背景・横位置、などを調整します。
<p>タグを勘違いしてますね。
<p>タグは、文字を表すのでは無く、段落を表すタグです。
段落だから、必ず改行されて、上から下へ段組されるタグです。
これをcssで修飾してとなると、骨が折れる。
No.2
- 回答日時:
タグを解釈して中のテキストを抽出する。
とかいうクローラーがあったり、CSSで見た目を換えていたり…とか適用できなくなる場合があります。
まぁ、前者はページ作成者には関係ないといえば関係ありませんが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- HTML・CSS リストの並べ替え 1 2022/09/13 15:27
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- その他(プログラミング・Web制作) pythonリストの特定の値を表示htmlで表示できない 2 2022/05/14 05:48
- PHP PHPの構文で間違えが分からない 5 2022/07/11 16:38
- PHP アコーディオンPHPが上手くいかない 3 2022/07/15 16:29
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
「諸要素」とはどういう意味で...
-
【ヒトの神秘】美男美女から何...
-
改行ほどは行かないけど、若干...
-
CSSのセレクタに指定するbodyと...
-
NからZへの全単射を具体的に構...
-
超音波で洗脳。
-
brタグ、pタグやtableタグが非...
-
【CSS】imgタグを、親要素の幅...
-
HTMLです次の意味を持つ要素ま...
-
HTMLです 四角みたいにして中に...
-
質問1.
-
下線と文字の間を調整するには...
-
smallにtext-allignが効かない
-
テキストボックスの中にリンク...
-
双方向リスト
-
CSS:overflow要素の印刷について
-
border: noneでボタンの境界線...
-
含む含まないという概念自体の...
-
textareaの幅を画面と合わせたい
-
submit buttonの違い
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
還暦を過ぎた方々に質問です。
-
「諸要素」とはどういう意味で...
-
質問1.
-
textareaの幅を画面と合わせたい
-
角丸画像の背景色を透明にした...
-
2個のFormを横並びにしたい
-
テキストボックスの中にリンク...
-
HTMLです 四角みたいにして中に...
-
CSS:overflow要素の印刷について
-
input type="hidden"で取得した...
-
tdに対してmin-heightの定義、...
-
HTMLページ上でiframeを最前面...
-
タグは大文字と小文字どちらが...
-
HTMLです
-
2行にしたい要素、改行か分割...
-
改行ほどは行かないけど、若干...
-
H1タグを画像にしたい
おすすめ情報