• ベストアンサー

CSS & HTML (使わない方が良いタグ)について

<b> <i> <font> 等のタグは使わない方が良いと、 いろんなホームページ制作の説明書に書かれております。 なぜ使わない方が良いのでしょうか?

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

  • ベストアンサー
noname#144864
noname#144864
回答No.1

こんにちは。 私自身、そんなに詳しくはありませんし、間違いも有ると思いますがご了承下さい。 まず、html とはどんな意味でしょうか。 HyperText Markup Language = 簡単に言えば「文章の構造を記述する言語 」と言う意味ですが、 それが段々ブラウザの独自機能も増え、見栄えを重視するタグも出てきました。 html 4.0 で、本来の html の本来の意味である倫理構造の記述をしようと言うことで、 幾つかの要素が廃止或いは非推奨になり、その代わりに CSS で記述できる様になっています。 貴方の質問にある、例えば <b> 要素は、要は太文字の記述ですね。 ですが、単なる見栄えの太文字にすると言うだけで、文章の構造に意味合いはありません。 それに対して <strong> 要素がありますが、これは「文字を強調する」と言う意味合いで太文字になり、 ユニバーサル・アクセスとして音声ブラウザを使用した場合、 <strong> 要素の部分は音声が少し大きくなると言われています。 ( 音声ブラウザに関しては、使ったことがないので確かめようがありませんので、悪しからず ) <font> にしろ <b> にしろ <i> にしろ、html の本来の意味である、 「構造を記述する」から外れている要素については非推奨とし、 非推奨の要素 が CSS で置き換えられるのだったら置き換えましょう… と言うことになったと思います。 では、CSS で置き換えてみましょう。 p 要素とクラス名を使い、 斜体 太文字 文字の大きさ 120 % フォント名は主な OS で使われているフォント。 色は紺 行間の空き具合は 1.5em にしましょう。 例 p.sample { color: navy ; font : bold italic 120% "MS Pゴシック", Osaka, "LX P Gothic", sans-serif ; line-height : 1.5em ; } で、フォントは上記の見栄えになります。 だからといって、質問の中にある <b> <i> <font> が、 全く使えない要素と言うことではなく非推奨と言うことですが、 <font> 要素は文書型宣言が HTML4.01 Strict : XHTML1.0 Strict : XHTML1.1 で廃止されました。

newnewpc
質問者

お礼

詳しくお説明いただきまして誠にありがとうございました。 そういう事なのですね。 将来は非推奨のものは、無くなるのかもしれませんね。 勉強になりました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

回答No.3

#1さんと意見はほぼ同じなのですが、それに追加すると、Tableタグを使用してレイアウトするのとCSS(ボックス属性)で記述するとバグ等が少なくなるメリットがあるからです 難しい話ですが縦のサイズを指定しないと、ひたすら<BR >タグの打ち合いとなり、面倒なのは両方そうなのですが。 そんなときはインラインフレームというのを使用することをお勧めします。全般で詳しく載っているサイトがあります HTMLタグであそぼう とググってみてください。

全文を見る
すると、全ての回答が全文表示されます。
noname#144864
noname#144864
回答No.2

あっ、書き忘れました # 1 です。スミマセン、追記です。 例で示した CSS 内の font ですが、フォント関連のプロパティ font-style font-weight font-size font-family の値をまとめて指定できるプロパティになります。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • HTML…このタグ間違ってますか?

    ☆壁紙の色(#000099)紺色 ☆文字色は(#ccccff)薄いブルー ☆文字は、SIZE=7+太字+恋文ペン字です。 ↓のタグだと壁紙が真っ白のままで出てきませんです。 どこが間違ってるのかも分かりません。 <center> <html> <head> <title> タイトル </title> </head> <body><B><I><B><FONT SIZE=7 font color="#ccccff"bgcolor="#000099" leftmargin="50" topmargin="50"font face="恋文ペン字"> HPの名前 </body></I></B></font><br> </html></center> それから… この様にテキスト通りでなく自分で色々な命令を 足してタグを打つルールが分かるサイト ご存知ありませんか? ぜひ勉強してみたいです。 朝から四苦八苦してますp(. .`) 誰か教えてくらさい;; 宜しくですm( _"_ )mペコ♪

    • ベストアンサー
    • HTML
  • htmlのタグの使い方を教えてください。

    タグの使い方を教えてください。 文章を太字でブルーしたい場合、 <B><Font Color="mediumblue">こんにちは。今日は良い天気ですね。インターネットの教えてgooで質問をしました。</Font></B> で良いと思うのですが、途中の「インターネット」の文字だけ赤字にして他は同じ太字のブルーにしたい場合はどうすればよいのでしょうか?

  • 色のHTMLタグについて

    色のHTMLタグについて ホームページのある文字の部分を虹色にして、目立たせたいと思うんですが、 <font color="#ff0000">〇</font> から始めて、16文字を虹色のグラデーションにしたいです。 色彩感覚が鈍くて上手くいかないので、出来る方がいらっしゃいましたらお願いします。

  • HTMLタグに詳しい人に質問なんですが

    テーブルタグ内の文字を装飾するには<font color="">タグや<b>タグなどで <tr><td><font color="red"><b>文字</b></font></td></tr> のようにする以外にできる方法はないでしょうか?

  • HTMLタグの入れ方

    こんばんは。HTMLタグの入れ方?について質問があります。例えば、文字のサイズや色のサイズを変更するときには<font size="1">や<font color="red">などを指定することで出来ると思います。このタグなんですが、<font size=1>や<font color=red>のようにダブルクォーテーションを使わなくても大丈夫なのでしょうか?当方、携帯サイトを運営しているので、少しでもタグを減らしたいと考えてこの質問をしました。よろしくお願いします。

  • HTMLのタグ

    HTMLでホームページを作っています。 どうしたらいいかわからないので質問します。 ある画像Aがあるとします。Aをクリックしたらもう1つのBの画像に切り替わるようなタグはありますか?

    • 締切済み
    • CSS
  • HTML5で削除されるタグはどうなりますか?

    私は1900年代からホームページを作成してきました。 そのころはCSSもありませんでした。やっとCSSを習得できたと思ったら今度はHTML5です。 そこで疑問に思ったのですが、HTML5で削除されるタグです。たとえば<frame>のタグです。HTML5ではその代わりはあるのでしょうか?参考になる情報があれば教えてください。 他にも<font><center>など使い慣れたタグが削除されるのはなぜでしょうか?

    • ベストアンサー
    • HTML
  • HTMLタグについて

    ホームページ作成やオークション説明欄に 自分のメールアドレスをリンクして送って貰うようにするには どのようにタグを作成すればよいのでしょうか? ご指導、宜しくお願い致します。

  • HTML タグ について

    言葉の背景に色をつけたいのですが、下記にどのようなタグを追加すればいいのでしょうか? <FONT size="4"face="HG創英角ポップ体">●●</font> よろしくお願いいたします。

  • タグに詳しい方、助けて下さい!

    以下のようにタグを打って携帯サイト作ろうとしているのですが、携帯から確認すると途中からテーブルが左側に寄って見えるようになりました。(PCからだとちゃんと真ん中になってます) タグを引っ張ってきただけで知識はなく、どこがどうおかしいのかわかりません。 わかる人いたら教えて下さい…お願いします! <center><Table align="center" Border="0" Width="200" Valign="middle"> <Tr> <Td ColSpan="2" bgcolor="#FF69B4" Align="Center"><B><Font Color="#ffff33">★</Font><Font Color="#FFffff">更新・12/**</Font><Font Color="#ffff33">★</Font></B><Td></Tr><Tr><Td Width="600">※トップイラスト挿入※</Td><Td Width="20"><Font Color="#FF69B4"><Font Color="#ffff33">★</Font><br>*↓コンテンツ5行くらい<br><Font Color="#ffff33">★</Font></Font></Tr> <Tr><Td ColSpan="2" bgcolor="#FF69B4"><Marquee><Font Color="#ffffff">12/** ****</Font></Marquee></Td></Tr></Table></center>

このQ&Aのポイント
  • 上面にファンを取付けたいのですがカバーがあって取り付けられません。
  • 外し方を教えてください。
  • 外し方はわかりませんが、ケースを見る限り取り付けることはできそうです。
回答を見る

専門家に質問してみよう