• ベストアンサー

 XHTML 1.0 Transitionalで、preタグの中にfo

 XHTML 1.0 Transitionalで、preタグの中にfontタグを使って、一部の文字に色を付けたいのですが、W3Cのvalicationでチェックするとエラーになってしまいます。何が問題なのでしょうか。どういった対応策が考えられるでしょうか。よろしくお願いします。

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

  • ベストアンサー
  • rurino
  • ベストアンサー率55% (38/68)
回答No.1

fontタグはXHTMLで推奨されていません。 外見の指定はCSSで行うというのが基本だからです。 一部色替えしたいのであれば HTML <span class="red">※</span> CSS .red { color: #c00; } のようにしてあげるとよいと思います。

JF1Msf
質問者

お礼

ありがとうございました。 うまく行きました。

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

その他の回答 (1)

回答No.2

<PRE>はブロック要素なので、インライン要素を中に含む事が出来ます。 ただし、以下のインライン要素は包含可能要素から除外されています。 包含可能要素として認められていないタグ <img>,<object>,<applet>,<big>,<small>,<sub>,<sup>,<font>,<basefont> もともとXHTMLで<font>は推奨されていませんが、上記の理由からもあまりオススメはできなさそうです。 色を変えたいだけれであれば<span>タグなどを利用し、スタイルシートで定義されるのがいいと思います。

JF1Msf
質問者

お礼

推奨されていないことは知っていましたが、なぜエラーになるのかが分かりました。 ありがとうございました。

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

関連するQ&A

  • XHTML 1.0 Transitional でインラインフレームの表示方法

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> でインラインフレームを表示する方法はありますか? 普段は <DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">のドキュメントタイプでサイトを作っているのですが、他の人に作ってもらったサイトが上記のタイプで作られていました。そのサイトにiframeを組み込みたいのですが、表示がされませんでした。そこで、HTML 4.01 のタイプに変更したところ、文字の大きさや高さなどが崩れてしまいます。何かよい方法がありましたら教えてください。宜しくお願いします。

    • ベストアンサー
    • HTML
  • <pre>~</pre>について

    よろしくお願いします。 Webブラウザでも文字や線が崩れない<pre>~</pre>ですが、文章の中の文字を赤色にしたいのですが黒のままです。  このタグの中に色をつけることは出来ないのでしょうか?  もし出来るのでしたらやり方を教えてください。

    • ベストアンサー
    • HTML
  • XHTMLについての疑問

    XHTMLとCSSを利用してサイトを制作しています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 最終段階になり下記のコードをHTMLファイルの先頭に追加しました。 宜しくお願いします。 <?xml version="1.0" encoding="shift_jis"?> IE6で確認すると文字サイズが上記コードを追加する前と比べると大きくなっています。 これは正常でしょうかそれともバグでしょうか。 また回避する方法はあるんでしょうか。 お教えください。 ちなみにCSSファイルには下記のように文字サイズを指定しています。 font-size: small;

  • xhtmlサイトでPHPタグをhtml拡張子のまま使いたい

    xhtmlで作成した携帯サイトに、myRTmobileというアクセス解析を導入しようとしてphpのタグを埋め込みました。 しかし、その際、「.php」拡張子ではなく「.html」で認識されるよう、 .htaccessに AddHandler x-httpd-php5 .htmlを記述しました。 が、 Pares error: syntax error, unexpected T_STRING in アドレス/index.html on line 1 という構文エラーが出てページが表示されなくなってしまいました。 ちなみに、「.htaccess」の記述はサーバ管理業者に聞いたので、間違いないと思います。 PHPタグもmyRTmobileサイト内のものをそのまま貼り付けただけなので、問題ないと思います。 .htaccess、PHPともに初心者で、散々ネット等で調べてみたのですが、原因がつかめず、困り果てております。 どなたかお力添えをいただけないでしょうか? よろしくお願いいたします。 追記. エラー文で「line 1」と出ていたのでindex.htmlの1行目以降を記述しておきます。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    • ベストアンサー
    • PHP
  • 「XHTML」について

    まだあまり普及していない「XHTML」ですが、 勉強のために、作ってみたく思っています。 HTMLよりもレイアウトに厳しいので、XHTMLでHPをデザインする場合 かなり制限が出て作成しにくくないでしょうか? HTMLでよく使用する、「TABLEタグ」の中にまた「TABLEタグ」を入れるようなことは出来なくなりますよね? あと、FLASHオブジェクトは組み込めないのでしょうか? W3CのXHTMLチェッカーで引っかかりますし。。 だらだらと書き込みましたが、ご回答よろしくおねがいします。

    • ベストアンサー
    • HTML
  • DreamweaverのXHTMLとIEの関係

    現在作成しているサイト(ホームページビルダーで作ったもの)をDreamweaverでHTMLからXHTMLに変換しようと思い変換してみると 私のサイトはインラインフレームに情報を表示しているのですが、 文字がはみ出していないのにもかかわらず横スクロールバーがでてしまいます。 原因を突き止めようと色々していると、変換時に出てくる <!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> があると横スクロースバーがでることはわかりました。 しかし、これを消してしまうとDreamweaverがXHTMLとして認識してくれません。 <!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> を消さずに横スクロールバーを消す方法は無いでしょうか? ちなみにFireFoxでは横スクロースバーはでません。 IEのみでます。

  • XHTMLのソースで文字ばけします

    とあるHTMLの本に書いてあるとうりソースをうっていくと <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtyd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>もりのみや<title/> などのWeb上で文字入力をすると文字化けします。 どうしてでしょうか? インターネットエクスプローラーを使っています。

  • strict, transitional の混在

    XHTML1.0 Strict とtransitionalを一つのサイトで混在させても問題ないのでしょうか? 見た目等はまったく問題ないのですが、W3Cは推奨してないとか?? strictで書いていたのですが、PHPとフォームを外部に委託したところ、推奨してない属性とかが使われてしまわれているので、そのページのみtransitionalにしたいのですが。(他のページはstrict) だったら、全部transitionalにしてしまったほうがいいのですかねー? 教えてください。

    • ベストアンサー
    • HTML
  • XHTMLの正しい書き方について質問です。

    WordPressにてHPを作成しています。 出力されたページをAnother HTML-lintでチェックしたところ、XHTML 1.0 Transitionalとして記述しているはずなのですが「HTML4.01 Transitional としてチェックしました。」となり、かなりの数のエラーが検出されてしまいました。 HP作成に関してかなりの初心者でして、何が悪いのかが分かりません。なにとぞご教授下さい。 /* ------------------------------------------------------------ ページソース最初の3行 ------------------------------------------------------------ */ <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> /* ------------------------------------------------------------ 最初の3行に対するエラー内容 ------------------------------------------------------------ */ 8: line 1: 最初の記述が DOCTYPE宣言ではありません。 4: line 1: ここに <HTML> が省略されているようです。省略しないようにしましょう。 4: line 1: ここに <HEAD> が省略されているようです。省略しないようにしましょう。 2: line 1: ここに </HEAD> が省略されているとみなします。 9: line 1: <HEAD>~</HEAD> 内には <TITLE> が必要です。 1: line 1: <HEAD> と </HEAD> の間が空です。 4: line 1: <HEAD>~</HEAD> 内に <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="~"> が含まれていません。 4: line 1: ここに <BODY> が省略されているようです。省略しないようにしましょう。 5: line 1: メタ文字 `<` は `&lt;` と書かなければなりません。 5: line 1: メタ文字 `>` は `&gt;` と書かなければなりません。 9: line 2: DOCTYPE宣言は文書の先頭でなければなりません。 2: line 3: <HTML> の前に </BODY> が省略されているとみなします。 9: line 3: <HTML> を 1行目の <HTML>~</HTML> 内に書くことはできません。 5: line 3: <HTML> に他のHTML用の属性 `XMLNS` が指定されています。 5: line 3: <HTML> に他のHTML用の属性 `XML:LANG` が指定されています。

    • ベストアンサー
    • HTML
  • XHTML宣言についてですが自分のものでどこがおかしいのか解りません。

    XHTML宣言についてですが、 私はライブドアブログでブログを作っています。 ブログのチェッカーで引っかかりました。 現在の宣言内容です。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML1.0 では XML宣言をすることが強く求められています。 と指摘されましたがどうしたらいいかわかりません