html - あいさつ文のスタイリング

Question

メンタルブロックしてます！！

1. 「Dear Sir」は挨拶として知られていますか? これが私のcssクラスの名前になると思います

2. 意味的に言えば、挨拶はspan、pまたは完全に別のものでなければなりません!

私は の方に傾いてspanいますが、他の誰かが 2 セントの予備を持っているかどうか疑問に思いました。

どうもありがとう

Answer 1

<span>インライン要素に使用する必要があります。

また、:first-line疑似要素を試してみてはどうでしょうか。段落の最初の行をスタイルします (挨拶が最初の行であると仮定します)。例えば：

p:first-line {
    font-size: 120%;
}

これは、それを示すjsfiddleです

Answer 2

HTML マークアップには、ある要素が「この要素の意味は挨拶である」ことを意味するという意味でのセマンティクスはありません。一般に「セマンティクス」と呼ばれるものは、構造に関するものです。挨拶は構造的な概念ではありません。段落の先頭に表示されることもあれば、単独の段落として表示されることもあり、まれに見出しとして表示されることもあります。

したがって、自然なアプローチは、目的のデフォルト レンダリングを持つマークアップを使用することです。そうすれば、スタイリングが無効になっている場合でも、ページの外観は可能な限り希望どおりになります。

単独の行に表示される挨拶のdiv場合、上下にスペースを入れたくない場合に使用します。p上下の空行を取得するために使用します。また、挨拶文が段落の先頭に改行なしで表示される場合は、 (イタリック体または太字が望ましい場合はまたはspanなどの他のインライン マークアップ) を使用します。または、あいさつ文を要素として扱う必要がない場合は、マークアップを使用しないでください。ib

<p>Dear Sir, thank you...</p>

挨拶にクラスを割り当てることができますが、これはクラスをどこかで使用する場合にのみ役立ちます。属性は意味を説明するclassものではありませんが、マークアップを読む人に意味を示唆する場合があります。

Answer 3

スタイルを変更しないインライン要素がデフォルトであるため、スパン要素を使用します。
これは基本的に、w3schools<span>のタグページに記載されている内容です。 その後、お好みのスタイルにできます。