span styleとfont ~の違いについて

このQ&Aのポイント
  • HTMLの<span style>タグと<font>タグの違いについて説明します。
  • span styleタグは特定の要素のスタイルを変更するために使用されます。
  • 一方、<font>タグは文字のスタイルを変更するために使用されますが、HTML5では非推奨とされています。
回答を見る
  • ベストアンサー

span styleとfont ~の違いについて

閲覧有難うございます。 かなり久方振りにウェブサイト作成に手を出したもので古い知識しかなく勉強中なのですが、調べても解らない事がありましたので質問します。 HTMLではリンクや見出し等、意味のある事だけを書いて、デザイン等はCSSで予め定義しておいてクラス等で呼び出す、という風に解釈したのですが…。 <span style=~>で文字を修飾しても良いというのを知り、それは<font color=~>等と何が違うのでしょうか? この範囲の表現は~と説明するのと、文字の色は~と説明する違いだと思うのですが…。結果が同じなので前者が良く後者がいけない意味が理解出来ませんでした。 意味が解らなくても余計な事を考えず決められたものに従い、機械が読める方を覚えてただ選択すれば良いだけかも知れませんが、理解の浅さでミスをしてしまう可能性もありますので、もしお時間が許すのであれば無知な私にご教授頂けましたら嬉しいです。 宜しくお願い致します。

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • notnot
  • ベストアンサー率47% (4835/10236)
回答No.2

文章の論理構造は、HTMLで表現し、見栄えはCSSで表現するというのが主流です。 HTMLの規格でもそういう方向になっています。 <font color="red"> ・・・・・ 良くない <span style="color: red"> ・・・・・ 良くない HTL <span style="important"> CSS span.important: { color: red; }

tatekyo
質問者

お礼

span styleで直接指定するのも良くないのですね…!調べていたらそれを良しとして説明している場所が多くあったので勘違いをしていました。有難うございました!

その他の回答 (1)

  • drum_KT
  • ベストアンサー率43% (1108/2554)
回答No.1

fontタグはHTML5で廃止されていますので、今後正しく表示しないブラウザが出てくる可能性もあるということです。

tatekyo
質問者

お礼

はい、それは存じております。有難うございました。

関連するQ&A

  • スタイルシートで指定した大きさにならない・・・

    スタイルシートにチャレンジしているのですが、 文字の大きさが指定したとおりになりません。 以下のようにした場合、 BODYの文字を12PXにしているのですが、 14PXの文字の方が大きく見えてしまいます。 ---------------------------------------------- <HTML> <HEAD> <TITLE>CCS勉強</TITLE> <STYLE type="text/css"> <!-- BODY{ font-size : 12pt; } .16 { font-size: 16px ; } /* 16 */ .14 { font-size: 14px ; } /* 14px */ .10 { font-size: 10px ; } /* 10px */ --> </STYLE> </HEAD> <BODY><SPAN class="16">16pxの文字</SPAN> <BR> <SPAN class="14">14pxの文字</SPAN><BR> <SPAN class="10">10pxの文字</SPAN> <P>BODYのもじ12px</P> </BODY> </HTML> ---------------------------------------------- 初心者なのでどこが間違っているのかよく分からず 困っていますので、ご存知の方がおられましたらよろしくお願いします。

  • 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では禁止?されていると知りました。 恐れ入りますが、どなたかよい方法をお教えくださると嬉しいです。

    • ベストアンサー
    • CSS
  • divとspanの使い分け

    最近CSSの勉強をし始めたのですが、要素の使い分けがいまいち理解できません。 例えば、フォントのサイズを指定したい時、要素名はh1でもdivでもspanでもいい、ということでしょうか?

    • ベストアンサー
    • HTML
  • DreamWeaverMXでスタイルシートを使わない方法

    DreamWeaverMXを使用しています。 文字に色をつけたり大きさを変えたりするときに、自動的にスタイルシートでタグが入力されてしまいます。 例えば赤文字にしたときに <font color="red">赤い文字</font> こうしたいのに <head> <style type="text/css"> <!-- .style1 {color: #FF0000} --> </style> </head> <body> <span class="style1">赤い文字</span> </body> こういうタグが入ってしまいます。 これをHTMLだけのタグがはいるようにしたいのですが、そういう設定方法はないでしょうか? ご存知の方がいましたらよろしくお願いします。

  • Tableタグ内のspan styleが適応されない

    先日ブログを開設して、表を作りたかったのでtableタグを使ったのですが、表中の文字が何故か10ptにならず、およそ15ptくらい大きくなってしまいます。 どこかスタイルシート(HTML?)がおかしいのでしょうか? 詳しい方、ご教授の程お願いいたします。 下記の様に設定しました。 <table border="1" cellpadding="0" cellspacing="0" width="430"><colgroup> <col align="center"><col span="5" align="center"> <span style="font-size:10pt;"><tr><th>・・・ ・・・</td></tr></span></col></colgroup></table>

    • ベストアンサー
    • HTML
  • span classでの指定文字の色の変更について

    HTML&CSS初心者です。アドバイスよろしくお願いします。 既定で <span class="kyoumitext2">スポーツ:</span> <span class="kyoumitext2">読書:</span> とあるとすると、 読書の文字の色だけ変えるということは可能でしょうか?

    • ベストアンサー
    • HTML
  • <SPAN>で文字を右揃えにしたいのですが...(^-^;

    こんばんは。私は今HPを作っています。 それで質問なんですけど、 HTMLで<SPAN>ってタグありますよね? それにCSSを使って(? <SPAN>で囲まれた場所を 文字を右揃えに表示させたいのですが、何故かうまくいきません。 <SPAN style="text-align: right">○○</SPAN> このようなタグで使いました(上) 何故なのでしょう、教えてください。 よろしくお願いします。 ちなみに、このようなものをつくりたいのです。(下) リンク集なんですけど; HPタイトル   管理者名 ――――――――――――――― バナー ――――――――――――――― このHPの説明 これの管理者名のところを右揃えに表示したいのだが、 うまくいかないのです;<DIV>だと改行されてしまうし...

    • ベストアンサー
    • HTML
  • HTMLファイルのフォント指定

    こんにちは。HTMLファイルの編集についてです。 スタイルシートによるフォントの指定について、 お尋ねします。 ヘッダ部分に、 h1{color:blue;font-size:18pt} とか、 .type { font-family:"MS 明朝"; font-size:20px; color:blue; } と書きますと、 <h1> </h1>、<SPAN CLASS="type"> </SPAN> で、文字を挟んで、フォントの指定が可能ですが、 HTMLファイルすべてのフォントについて、フォントサイズを13pxにしたい場合は、 どうしたらいいのでしょう。 ヘッダに書き込むことで、どうにか出来ないでしょうか? それで、なおかつ、部分的に<SPAN CLASS="type"> </SPAN>を 使いたいというような場合は、どうしたらいいのでしょう。

  • 特定の見出しのみ前後の空白を消したい。

    CSSに書き込んで、h1~6までそれぞれに設定を割り振れる事は分かったのですが、h2~6のどれかで囲った見出しが複数あり、その中の一つだけにclass、idを設定して装飾などの設定を変えることは可能ですか? h2タグを使って見出しをいくつか作成しました。 ですが最初の1つだけ前後の改行が邪魔で消したいです。 試しにHTMLを <span class="name"><h2>見出し</h2></span> CSSを .name { margin: 0px; } としたのですが、変わりません…。 HTML初心者なので、とんでもないレベルのミスをしてしまっているかもしれませんが、教えてくださると嬉しいです。

    • ベストアンサー
    • HTML
  • 文字の装飾について

    CSSやHTMLをカスタマイズするのではなく、ブログの記事内で文字に影をつける方法を教えて下さい。たとえば文字を大きくするにはこんな感じですよね?<span style="font-size:x-large;">大きい文字</span> この様な方法で文字に影をつける方法なんかはないのでしょうか?