web-dev-qa-db-ja.com

HTMLのフォントタグの最適な代替品

HTMLのfontタグはHTML5で非推奨になっているので（そして私はその理由を理解しています）、特定の属性とスタイルをの部分段落テキスト？ JavaScriptを使用して、fontタグで折り返しテキストの一部をクラスベースのCSSを使用してフォーマットできるという事実に依存するXMLファイルを解析しています。 「アンカー」（a）タグもこの目的に使用できると思いますが、その方法は非常に逆で不自然に見えます。

[〜＃〜]編集[〜＃〜]

この質問をしたとき（数年前）、すべてのDOM要素が display カテゴリに分類されることを理解できず、2つの主要なカテゴリは次のとおりです。

  • block-独自の行を取ることを主張する
  • inline-他のinline要素またはテキストと一致します

HTMLは2つの一般的なコンテナ要素を提供し、それぞれがデフォルトでこれらの表示値の1つに準拠します。 div表示の場合はblock、span表示の場合はinline。

span要素は、選択した内容を新しい行に分割することなく、大きな段落の一部を囲むことができるため、特定のテキストチャンクを指定して一意のスタイルまたはIDを指定するのに最適な方法です。

csshtmltagsdisplay
20
Taylor Lopez

spanタグが最善の方法です。

インラインCSSは通常推奨されませんが、以下に例を示します。

<p>
This is my <span style="font-weight:bold">paragraph</span>.
</p>

spanとdivは似ていますが、divタグはブロック要素であるため、改行が発生します。 spanは、テキストとともにインラインで使用できるインラインタグです。

19
Adam Plocher

HTML：

<span class="yourstyle">
Text in your style
</span>

CSS：

.yourstyle {
            color: red;
           }
3
Igor

<span>タグを使用できます

<p>here is your paragraph text and it goes on and on and on..... and now 
lets start some <span>formatted text.</span> here is another<span>section 
of formatted text</span> here is unformatted text<p>

<span style="color: #000000; font-family: calibri, arial, helvetica;">などのインラインスタイルを実行することも、<span class="textformat1"や<span class="textformat2">などのクラスをスパンに適用することもできます。次に、クラスに基づいて異なるcssルールを適用します。

.textformat1 {
    color: red;
}
.textformat2 {
    color: blue;
}

お役に立てれば

2
celeriko

設定する要素ごとに「ユニバーサル」と見なされるコードを保持するには、常にcssファイルを使用します。特定のものを設定したい場合は、<span>要素。アダムプロッチャーが上で言ったように、あなたはstyle=""属性の<span>素子。

2
PatchGuru