spanを使わずに文字列の一部を赤色にする方法

質問

HTML/CSSについて教えてください。

文字列の一部を赤色にしたいとき、インラインで記載すると以下のようになると思います。
<span style="color:#FF0000;"> samplesamplesample </span>

上記内容を、
「span」を使わずにインラインで記載する方法を教えて欲しいです。
(HTML5用でお願いします)

※ググったところ、
<div style="display:inline;color:#FF0000;"> samplesamplesample </div>
という書き方でよさそうに思うのですが、詳しくないのでよく分からず・・。

<font style="color:#FF0000;"> samplesamplesample </font>
という書き方が、やりたいことに最も近い気がしますが、HTML5では禁止?されていると知りました。

恐れ入りますが、どなたかよい方法をお教えくださると嬉しいです。

回答No.4

t_ohta · ベストアンサー

＞　div を無理やりインライン要素にするのは好ましくないとのことですが、方法としては認められている書き方と理解してよいのでしょうか。

div でも p でも table でもなんでもスタイルシートでインライン要素にして使う事は可能です。
まぁ使うんであれば b , em , i タグあたりを使った方がいいかもしれませんね。
font タグはHTML5では廃止されていて存在しません。

お礼

具体的な回答をいただき、ありがとうございます。助かりました。
お礼が遅れてしまい申し訳ございません。
また何かありましたら、質問させていただきたく存じます。
よろしくお願いいたします。

回答No.3

oboroxx

<div>だと改行が起きてしまうと思うので、文章の途中だけを赤い文字にするのには不向きではないでしょうか。
ほかの方も言っているように、<span>でいいのではないでしょうか。

お礼

お礼が遅くなって申し訳ございません。
回答いただきありがとうございました！

補足

前提が抜けておりました。
span に対しては、別のスタイルがCSSで当たっています。また、使用中ツールの都合によりspanにクラス名を振ることができません。そのためspan を使わない方法を探しています。

回答No.2

noname#248980

あなたの言う通り

<div style="display:inline;color:#FF0000;"> samplesamplesample </div>

が一番適切だと思います。

fontタグはhtml5で使ってはいけない訳ではありませんが、廃止済なので、今後ブラウザが非対応になる可能性が0ではなく、避けるべきです。

お礼

お礼がおそくなってしまい申し訳ございません。
ありがとうございました！

補足

前提が抜けておりました。
span に対しては、別のスタイルがCSSで当たっています。また、使用中ツールの都合によりspanにクラス名を振ることができません。そのためspan を使わない方法を探しています。

HTML5の考え方について承知しました。

div を無理やりインライン要素にするのは好ましくないとのことですが、方法としては認められている書き方と理解してよいのでしょうか。

回答No.1

t_ohta

なぜ span を使いたくないのでしょうか？
span は質問者さんがやりたいような事をするためのタグですから、span を使うのが正しい選択だと思います。

display:inline; はその要素をインライン要素として扱うためのスタイルですから、これを付ければどのようなタグでもインライン要素に変えられます。
しかし、タグはタグ本来の意味で使用しましょうというのが HTML5 の考え方ですから、違う目的のタグを無理やりインライン要素に切り替えて使うのは好ましくないと思います。

お礼

お礼が遅くなって申し訳ございません。
何度も回答いただきありがとうございました！たすかりました！

補足

前提が抜けておりました。
span に対しては、別のスタイルがCSSで当たっています。また、使用中ツールの都合によりspanにクラス名を振ることができません。そのためspan を使わない方法を探しています。

HTML5の考え方について承知しました。

div を無理やりインライン要素にするのは好ましくないとのことですが、方法としては認められている書き方と理解してよいのでしょうか。