web-dev-qa-db-ja.com

コロンは、前のラベルと同じ方法でスタイル設定する必要がありますか？

次のテキストがこのスタイルに従っていない場合でも、デザイナーが前のラベルと同じ方法でコロンをスタイルすることは一般的ですか？

たとえば、ラベルも太字の場合は、コロンを太字にする習慣があります。

Bold：コロンは「太字」と同様に太字ですが、次のテキストは太字ではありません。

しかし、イタリックにするときは、結腸をイタリックにしないことがよくあります（明確な理由がないため、単に習慣にします）。

イタリック：次のテキストのように、コロンはイタリックではありません。

ただし、それぞれのケースで同じアプローチを採用するのが最善だと思います。また、ウェブデザインでは、これは意味的に有効なHTML構造を提供するために重要な場合があります。次のようにマークアップを記述しますか？

<p><span class="bold">Bold:</span> the colon is bold, as is "Bold", but the text following isn't.</p>

それともそうですか？

<p><span class="bold">Bold</span>: the colon is not bold and neither is the text following it, but "Bold" is.</p>
website-designfonttypography
13
Bram Vanroy

最初の部分をタイトルとして使用しますか、それとも単に（その一部）を強調しますか？コロンは次のように使用できます。

1つの文を区切る：

<p>
    <strong class="label">When the first part is bold</strong>: 
    the colon is styled normally.
</p>

2つの文を区切る：

<p>
    <strong class="label">This colon separates two sentences</strong>:
    Still, the colon is styled normally.
</p>

ただし、コロンがタイトルの一部である場合は、おそらく改行やインデントなどの何らかの種類の区切りがすでにあるため、コロンは必要ありません。しかし、それが必要な場合（本当に？）、タイトルと同じスタイルを持っていると、より論理的になります。セマンティクスについて言えば、定義リストの方が適しています。

このタイトルとコードを例にとってください

<dl>
    <dt><strong>The whole label is bold:</strong></dt>
    <dd>your description</dd>
</dl>
2
jazZRo

デザインスクールでは、コロンを強調しようとしているのではないので、コロンを太字にすべきではないことを学びました。

イタリックについては、どのスタイルガイドを守るかによってルールが決まるようです。私は通常、コロンをイタリック体にし、Wordをイタリック体にします。詳細： http://the-Word-blog.com/2009/04/28/formatting-ink-italics-punctuation/

1つのスタイルガイドでは、この状況で斜体を使用しないように決定することで問題を回避しています。

2
Ginger