HTMLのMETA タグ、charset の扱いについて

このQ&Aのポイント
  • HTMLのMETAタグの扱いについて教えてください。
  • HTMLのMETAタグのcharset属性に関して、異常表示や改行の問題が発生することがあります。
  • 具体的には、charset属性の値を囲んでいるダブルクオートの使い方によって、正常な表示と異常な表示が生じます。
回答を見る
  • ベストアンサー

HTMLのMETA タグ、charset の扱いについて

こんにちは。 HTMLのMETAタグの扱いについて教えてください。 下記HTMLソースの(1)~(3)までは正常に表示されます。 (4)に限って異常表示されるのは何故でしょうか? 異常の場合、途中からの表示になるのはタグ区切り文字の <>が不一致になるからでしょうか? また改行されなくなったのは何故でしょうか。 -----正常表示----- あいうえお メールアドレスaddress@domain.com かきくけこ さしすせそ たちつてと ------------------ -----異常表示----- address@domain.com かきくけこさしすせそたちつてと ------------------ (1)正常ケース1 一番シンプルなソースです。改行に<BR>を使っていません。 -----以下htmlソース内----- <HTML><META CONTENT="text/plain; charset=iso-2022-jp"> <PRE> あいうえお メールアドレス<A href="mailto:address@domain.com">address@domain.com</A> かきくけこ さしすせそ たちつてと </PRE></HTML> ----------------------- (2)正常ケース2 CONTENTの"の囲み内に更に"があります。 -----以下htmlソース内----- <HTML><META CONTENT="text/plain; charset="iso-2022-jp"> ※以降、正常ケース1と同じです。 ----------------------- (3)正常ケース3 charset="iso-2022-jp"と次の"までの間は、全角空白です。 -----以下htmlソース内----- <HTML><META CONTENT="text/plain; charset="iso-2022-jp" "> ※以降、正常ケース1と同じです。 ----------------------- (4)異常ケース charset="iso-2022-jp"と次の"までの間は、半角空白です。 -----以下htmlソース内----- <HTML><META CONTENT="text/plain; charset="iso-2022-jp" "> ※以降、正常ケース1と同じです。 -----------------------

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

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

  • ベストアンサー
  • Werner
  • ベストアンサー率53% (395/735)
回答No.1

METAやcharset云々以前に、 (1)以外はそもそも間違った記述なので ブラウザが意図通りに処理してくれないことは十分あり得る話です。 正常とされる結果になったのはブラウザが たまたま意図通りの処理をしてくれたからです。 なお余談ですが、OperaとFirefoxでは(1)~(4)はすべて同じ表示になりました。 異常表示になったのは、 間違った書き方をした結果 以下の範囲が"(ダブルコーテーション)に囲まれた文字列として 認識されたためかもしれません。 ------------------------- "> <PRE> あいうえお メールアドレス<A href=" ------------------------- なお、これはHTMLなのでcontentはtext/htmlが正しいです。

kerberos_shadow
質問者

お礼

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

関連するQ&A

  • ▲▲METAタグについて▲▲

    HTMLとCSSでHPを作るとき。 METAタグはこれでよいでしょうか?? <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <meta http-equiv="content-style-type" content="text/css">

    • ベストアンサー
    • HTML
  • HTMLメールのタグ

    こんにちわ。 HTMLメールを受信した際、ソースを見ると以下のようになっていました。 <meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3Diso-2022-=jp"> この、それぞれの頭に付いている"3D"ってなんでしょうか? HTMLメールすべてに付いているというわけではないようなのですが、なんだか、気になります。 どういった意味のものなのか、ご存知の方がいらっしゃったら、お教え願います。

  • METAタグ

    <META content="text/html; charset=shift_jis" http-equiv=Content-Type> <META content="MSHTML 5.00.2014.210" name=GENERATOR></HEAD> あるサイトのソースにこんな記述があったんですが、これを見て、そのサイトがなんのHP作成ソフトで作成されたか分かりますか?

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

    HPに以下の様な記述をしたのですが、gooやinfoseekに登録して1週間経ても、全く検索されません。 <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta name="robots" content="index,follow"> <meta name="keywords" content=""> <meta name="description" content=""> 正しい記述方法について、何方か教えて下さい。

    • ベストアンサー
    • HTML
  • METAタグの文字コードセット

    METAタグのkeywordsとdescriptionを使いたいのですが、 キーワードに日本語も英語も書きたい場合は どうすればいいですか? <META http-equiv="content-type" content="text/html;charset=x-sjis"> と指定していますが、 英語用にもうひとつcharset=iso-8859-1というのを 別のMETAタグでセットした方がよいのでしょうか?

    • ベストアンサー
    • HTML
  • このMETAタグまちがっていますか?

    サーチエンジンで 減量を引っかけたいときには下記であってますか? あるサイトからもってきたのですが 特に <META content=index,follow name=robots> というのがよく意味がわかりませんでした <META http-equiv=keywords content=減量> <META http-equiv=abstract content=減量> <META content=減量 name=description> <META content=index,follow name=robots> <META http-equiv="content-type" content="text/html; charset=Shift_JIS"> <META http-equiv=content-script-type content=text/javascript> <META http-equiv="content-style-type" content="text/css"> <META http-equiv=pragma content=no-cache> <META http-equiv=cache-control content=no-cache>

    • ベストアンサー
    • HTML
  • CGI.pmのstart_htmlで思い通りのMETAタグを出せない

    CGI.pmのstart_html()を使用してMETAタグを出力しようとしているのですが、思うように出力できません。 具体的には次の文字列と全く同じものを出力しようとしています。 <META http-equiv="Content-Type" content="text/html; charset=EUC-JP"> いろいろやってみたのですが、どれも微妙にこれとは違うのです。 どなたか教えてください・・・。 今のところ、これに最も近かったのは、 print($q->start_html(-head => $q->meta({"-http-equiv" => "Content-Type", -content => "text/html; charset=EUC-JP"}))); で、これの出力(METAタグ部分)は、 <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" /> でした。 お尻にスペース1個とスラッシュが付加されてしまいます・・・

    • ベストアンサー
    • Perl
  • charsetの違い

    こんにちは。HTML超初心者です。 <meta http-equiv="content-type" content="text/html; charset= の後で文字コードがかわることを最近勉強しました。 Japanese(EUC) EUC-JP Japanese(Shift JIS) Shift_JIS Unicode Text Format-8 などがあるようですが、いったい何が違うのでしょうか? つまらんことですがどなたか説明よろしくお願いします。

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

    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-type" content="text/css"> <meta name="author" content="***"> <meta name="keywords" content="***"> <meta name="description" content="***"> <meta name="robots" content="index,nofollow"> 現在、これだけのMETA要素を入れたINDEXページを作成しています。 そこで疑問に思ったのですが、 1.METAは全てのページに入れなければならないのでしょうか? 2.(1が[入れなくてもいい]という回答の場合) 全ての[index.html]には入れるべきですか? 3.上記のMETA要素で、「これはいらない」という物、 あるいは「これは入れたほうがいい」という物を教えて下さい。 以上です。回答よろしくお願いします。

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

    ミケネコ研究所にてHPを採点してもらい修正した結果、 ようやく100点をとることができましたが <HEAD>内が下記のようになりました。 私として気になることが2点あります。 1.<META http-equiv="~が3つあって良いのでしょうか。 2.index,followは大文字小文字を区別するようですが どちらが良いのかわかりません。 1.2.どちらの回答をいただいても結構です。 <HEAD> <LINK rel="Index" href="index.htm"> <META http-equiv="Content-Type" content="text/html; charset=shift_jis"> <META http-equiv="Content-Script-Type" content="text/javascript"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="robots" content="index,follow"> <META name="description" content="×××"> <META name="keywords" content="×××"> <TITLE>×××</TITLE> </HEAD> ご回答よろしくお願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう