IEの「ソースの表示」と「名前を付けて保存」の差異について

このQ&Aのポイント
  • IEの「ソースの表示」と「名前を付けて保存」の差異について調査しています。JSFで作成したXHTMLのHTMLレンダリング結果を確認する際、タイトルの操作を行いました。ソースの表示では<body>要素のスタイルが書き換えられてしまいますが、名前を付けて保存するとスタイルがrgb表示になります。
  • 「名前を付けて保存」する際に表示される<META name="GENERATOR" content="MSHTML 11.00.xxxx.xxxxx">というジェネレーターは、ソースの表示では表示されず、両者で異なる情報が表示されています。しかし、この差異についての明確な情報を得ることができません。
  • この現象は手書きでHTMLを記述し、名前を付けて保存をした場合にも発生します。他のブラウザではGoogle Chromeで確認しましたが、同じ事象は発生しませんでした。この差異についての手がかりや情報をお持ちの方がいらっしゃいましたら、教示いただければ幸いです。
回答を見る
  • ベストアンサー

IEの「ソースの表示」と「名前を付けて保存」の差異

お世話になっております。 JSFで作成したXHTMLのHTMLレンダリング結果を確認する目的で、タイトルの操作を行いました。 JSFで <h:body style="background-color:#b0c4de"> と指定した画面をIE11で「ソースの表示」を行うと <body style="background-color:#b0c4de"> が表示されました。 次に、ある目的でレンダリングされたHTMLを.htmlで保存するため 同じ画面で「名前をつけて保存」しました。 すると <BODY style="background-color: rgb(176, 196, 222);"> というふうに、背景色がrgb表示になっていました。 この差異について明確な説明が必要となって調査しておるのですが 明確な情報が得られない次第です。 名前を付けて保存した時、 <META name="GENERATOR" content="MSHTML 11.00.xxxx.xxxxx"> と表示され(ソース表示では表示されない) このジェネレーターと言っているものが両者で異なっていて 色の表し方が両者で異なる仕様である、というのなら納得がいくのですが そのような情報も得られません。 なにか手がかり等の情報をお持ちの方いらっしゃいましたら ご教示いただければと思います。 ブラウザはIE11 JSFは2.0 ちなみにこの現象は、手書きでhtmlを記述し 名前を付けて保存をした時にも発生します。 ほかブラウザではGoogle Chromeで確認しましたが 本事象は発生しませんでした

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

  • ベストアンサー
  • qualheart
  • ベストアンサー率41% (1451/3486)
回答No.1

いまいちどのような回答を求められているのか不明ですが・・・ IEではソース表示と名前を付けて保存では全く異なりますよ。 これは既知の事実です。 ソース表示は、その名の通り、Webサーバー上にあるHTMLファイルそのもののHTMLソースを表示します。 しかしIEで名前を付けて保存を実行すると、IEが勝手にソースを書き換えて保存してしまいます。これは、恐らくローカルに保存した状態でもそのまま表示できるよう、IEが勝手にソースを変換してしまうせいです。 ご参考まで。

rize_buk6
質問者

お礼

質問の意図が分かりづらくなって申し訳ありません。 背景や私が他者から求められてることまでは書けなかったので… IEの仕様差異をメカニズムレベルで回答頂けたので、この件について充分納得いきました。 ありがとうございます。

関連するQ&A

  • IEで背景が表示されない

    NetscapeのcomposerでHPを作っているのですが、背景がIEだと表示されません。Netscapeだと表示されるのですが、タグに問題があるのかIEの設定に問題があるのかまったくわかりません。 <body style="background-image:url(ファイル);"> と入力したのですが(というかbody background="ファイル名"と入力したら自動的にこうなった)何か間違っているのでしょうか? 一週間前にhtmlを勉強し始めた超初心者なのでわかりやすく教えていただければうれしいです。

    • ベストアンサー
    • HTML
  • CSSの表示の違い(IEとFirefox)

    背景を固定するために、CSSを使いました。 IEで見ると、指定したとおり右下で固定されているのですが、Firefoxで見ると、全体に表示されて固定されません。 ネット上を探して見ると、Firefoxでも固定されているサイトはかなりあります。 そうすればいいのでしょうか? <style type="text/css"> <!--body {background-color:"white"; background-image:url("http://www.******-labo.com/sozai_mami/clip_arts/moon/05/white/blue.jpg"); background-repeat:"no-repeat"; background-position:"bottom right"; background-attachment:"fixed";}--> </style>

    • ベストアンサー
    • CSS
  • IEのブラウザだけちゃんと表示されません。

    ウェブデザインをしています。 Macで制作して サイトを立ち上げたのですが、 WindowsのIEにのみブラウザの下の方が 表示されません、、、。 http://www.hudge.jp/works/works.html かなり困っています。 どうもheight: 100%;が適応されていないっていうのは なんとなくわかったのですが、 どうやって直したらいいのかわかりません。 WindowsでもFire foxだと上手くいくのですが、、、。 CSSはこんな感じです。 <style type="text/css"> /* hide from ie on mac \*/ html { height: 100%; overflow: hidden; } #style { height: 100%; } /* end hide */ body { height: 100%; margin: 10; padding: 0; background-color: #000000; } </style> すいませんが、お願いします。

    • ベストアンサー
    • HTML
  • 背景の表示が出来ません。

    ただいまHPを作成中なんですが、背景が表示されなくて困っています。 右下に背景固定して使いたいのですが・・・どう頑張っても表示されません; <HTML> <HEAD> <TITLE>タイトル</TITLE> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image : url("haikei.png"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </style> </HEAD> ココに文章 </BODY> </HTML> と言う風になってるんですが、 友人は間違ってないと言っていますが画像は表示されてないようです。 何かおかしな点とかはありますでしょうか。 自分のパソコン内(アップしないでマイコンピュータで見る)でだと普通に表示されています。 アップすると見れなくなるのです。 何故なのでしょうか (既に色々出ていたみたいですがよく解らなかったので^^;)

  • 掲示板の背景に画像を固定したのですが・・・

    初めまして 検索したのですが、これといった回答が見つからず新記事立てさせて頂きました 掲示板を作成し、スタイルシートを記述する欄があったので 背景画像(○○.gif)を右下に固定しよう・・・と思ったのですが 画像が背景だけではなく、スレッドの背景にも適用されてしまったみたいです これの直し方(正しいスタイルシートの表記)について、ご助力お願いします 見よう見まねの記述なのでとりあえず全て載せてみます(スタイルシート欄に記述した全文) <STYLE type="text/css"><!-- body { scrollbar-face-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#7323c4; scrollbar-3dlight-color:#7323c4; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#7323c4; scrollbar-darkshadow-color:#ffffff; } BODY,TD,TH{ line-height:16pt; background-image : url(○○.gif); background-repeat : no-repeat; background-attachment : fixed; background-position : right bottom; } a{ text-decoration:none; cursor:s-resize; } --> </STYLE> どうぞよろしくお願いいたします

    • ベストアンサー
    • HTML
  • IE8でのCSSについて

    formの領域内に可変のdivと固定のdivの領域を指定したいのですがうまくいきません。 ※formの領域が1000pxだとした場合に下のdivが300のため上のdivは残りの700の50%で350pxにしたいです。 2つのdivは異なる親タグにしなければならないのでしょか? <html> <body> <form method="POST" action="" style="height:100%"> <div style="height:50%;background-color:red"></div> <div style="height:300px;background-color:blue"></div> </form> </body> </html>

    • 締切済み
    • CSS
  • jqueryの色値取得について質問です。

    JQueryで、SPAN要素を作成し色情報を色名で取り出したいのですが、 $('<span style="color: blue; background-color: blue"></span>').css("color") とすると値が"blue"と返ってくるのですが、 $('<span style="color: blue; background-color: blue"></span>').css("background-color") では、"rgb(0, 0, 255)"とRGB表記になって返ってきてしまいます。どうすれば色名の"blue"で取得できるのでしょうか?ブラウザはFirefox限定でお願いします。色テーブルを作って変換することなしにできないでしょうか? どうかお知恵を下さい。

  • cssの、一つ目の記述がHTML側に反映されません。

    スタイルシートの超初心者です。 <style type="text/css"> body {background-color:#87cefa;} h1 {background-color:#ffddaa;} と記述すると、bodyの記述がHTMLの表示に反映されず、順番を入れ替えても、一つ目になった記述が反映されません。 <style type="text/css"> } body {background-color:#87cefa;} h1 {background-color:#ffddaa;} 試しに、上の様に「}」を挟んだら反映されたのですが、こんなのをダミーで入れているのは、とっても納得が行きません。どなたか、原因を教えて頂けないでしょうか?

    • ベストアンサー
    • HTML
  • IE,Firefoxでbodyの背景画像が表示されません。

    IE8とFirefox3.0で、 cssでbodyに入れている background-image、background-colorがどちらも適用されません。 Sleipnir2.8.5ではきちんと表示されます。 ですので、htmlはあっているかと思います。 一通り、タグぬけがないかとかも、調べてみましたが、 特にないようです。 いろいろ調べてみましたが、わかりません。 hasLayout対策とかも試してみました。 (width や position をいれるなど) 下記がbodyのcssです。 body { color: #333; text-align: center; font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 14px; background-color: #FFFF66; background-image: url("img/bg.jpg"); background-position: center top; background-repeat: repeat-y; margin: 0px; } 教えていただけると、 大変助かります。 よろしくお願いいたします。

  • IE7でのhoverについて

    IE7からhoverがa以外の要素にも適用できるようになったという情報を見たのですが 以下のような記述だとhoverが機能しませんでした。 (Firefoxでは以下の記述で機能しました) <html> <head> <style type="text/css"> .test {width: 120px; height: 120px; background-color: #FFFFFF;} div.test:hover {background-color: #FF0000;} </style> </head> <body> … <div class="test"> 文章がここに書いてあります。 </div> … </body> </html> IE7では機能しないような何かマズイ記述方法をしてしまっているのでしょうか? ちなみにサイトの仕様上htmlの構造はいじることができません。 足りない部分は別途補足させて頂きますのでご教授の程よろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう