• 締切済み

HTML5について

ものすごく初歩なことをたずねたいのですが、 IE8以前にに新しい要素を認識させる方法として <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> があると知ったのですが、 これを<head>内に記述すると、当然きちんと認識されるのですが、 画面を見た時に一番上に<!--[if lt IE9]> <![endif]--> と表示されてしまいます。 ・・・この文字は消せないのでしょうか?

  • u2122
  • お礼率71% (125/176)
  • HTML
  • 回答数4
  • ありがとう数3

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.4

>チェックしてみましたが、特に問題ありませんでした。 意外です。  再度、そのページのURLを入力してチェックしてください。ソース入力ではなくサーバーから提供される形でチェック。  また、そのページを表示させて、ブラウザの「表示」→「ソース表示」で示されるソースを、差しさわりのある部分を伏字にして、お示しください。

u2122
質問者

お礼

お返事が大変おそくなりまして、まことに申し訳ございませんでした。 何度も回答して頂きありがとうございます。 ・・・・もしかしてDOCTYPEの宣言とかが間違っているのでしょうか。

u2122
質問者

補足

<!DOCTYPE html> <html> <head> <!--[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link rel="stylesheet" type="text/css" href="style_html.css" /> <link rel="stylesheet" type="text/css" href="style.css" /> <meta charset="shift_jis" /> <title>HTML5</title> </head> <body> <h1>HTML5</h1> <section> <h2>タイトルなんちゃら</h2> <p>あけましておもでとうございます。今年もよろしくお願い致します。</p> </section> </body> </html>

  • think49
  • ベストアンサー率59% (285/482)
回答No.3

XHTMLを利用していてCDATAセクションを使用すればページに表示されますね。 最も、IE8- はCDATAセクションに対応していないはずですが…。 <![CDATA[ <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> ]]> > 画面を見た時に一番上に<!--[if lt IE9]> <![endif]--> と表示されてしまいます。 どのブラウザで再現されるでしょうか。 例えば、ブログを使用していて <head> に挿入されるはずの場所に入力しているとか、他の機能が介在していないでしょうか。(実際のHTMLソースは別にある) 差し支えなければ、HTML全体のソースをどこかにUPしていただければ問題解決に近づくと思います。

u2122
質問者

お礼

回答まことにありがとうございました!返事が大変遅くなりまして、まことに申し訳ございませんでした! 上記試してみましたが、今度は  <![endif]--> ]]> だけ表示されます・・・・。 ANo.4にソースを表示しておきました。 確認したブラウザはIE6とIE8です。

回答No.2

HTMLソースコードを見たときに、 &lt;!--[if lt IE9]&gt; &lt;![endif]--&gt; このようになっていませんか? (または、<!--[] ><![]-->と書いた場所と別の場所に、もう1つ書かれている。) ソースコードで<!--[if lt IE9]>などとなるように書き直してみてください。

u2122
質問者

補足

回答いただきありがとうございます。 &lt;!--[if lt IE9]&gt; &lt;![endif]--&gt; もないですし、別な場所に記述もありませんでした。 書き直しましたが、何の変化もありませんでした。 ・・・大変申し訳ございませんが、他に解決策はございませんか?

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

>これを<head>内に記述すると、  外に記述している。 The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input ) Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) でチェックしてごらん。

u2122
質問者

お礼

回答誠にありがとうございました!

u2122
質問者

補足

チェックしてみましたが、特に問題ありませんでした。

関連するQ&A

  • HTML5について

    前回質問したのですが解決せず、日にちがだいぶたってしまったので、 再度質問させて下さい。 IE8以前にに新しい要素を認識させる方法として <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> があると知ったのですが、 これを<head>内に記述すると、当然きちんと認識されるのですが、 画面を見た時に一番上に<!--[if lt IE9]> <![endif]--> と表示されてしまいます。 ・・・この文字は消せないのでしょうか? 使用しているブラウザはIE8とIE6です。 【HTMLソース】 <!DOCTYPE html> <html> <head> <!--[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link rel="stylesheet" type="text/css" href="style_html.css" /> <link rel="stylesheet" type="text/css" href="style.css" /> <meta charset="shift_jis" /> <title>HTML5</title> </head> <body> <h1>HTML5</h1> <section> <h2>タイトルなんちゃら</h2> <p>あけましておもでとうございます。今年もよろしくお願い致します。</p> </section> </body> </html> ・・・・・・どこが間違っているのか分からず困っています。 ご指摘どうぞよろしくお願い致します。

    • ベストアンサー
    • HTML
  • html5.jsを使うと、IE8以下で真っ白になる

    html5で作成したもので、ie8以下に対応させるため、 <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> を使用しましたが、IEでの開発モードで、標準、互換モードともに、ie8以下真っ白になってしまいます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <title>~</title> で書いています。 <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> の部分をなくすと、ie8以下では、html5を無視した形で表示されます。 この原因は何でしょうか。エンコードを疑いましたが、どうやらこのjsのようなのですが。

    • ベストアンサー
    • HTML
  • DreamweaverでIE用Java反映されない

    Dreamweaver でWebを作成しているのですが、IE用に作ったJavascriptが反映されません。テンプレートに書き込みブラウザで確認するとOKなのですが、そのテンプレートを使用したほかのページにはうまく反映されません。どうしてでしょうか? 他の文字情報やDivなどはテンプレートに応じ自動で変更されるのですが、IEに関する部分だけ反映されません。 見よう見まねで作っているところがあるので基本的な知識が足りないので、分かりやすくご説明いただければ本当に助かります。 使用環境 Dreamweaver5.5 <head>の上に <!--[if lt IE 7]><html class="ie ie6" lang="ja"><!endif]--> <!--[if IE 7]><html class="ie ie7" lang="ja"><!endif]--> <!--[if IE 8]><html class="ie ie8" lang="ja"><!endif]--> <!--[if (gte IE 9)|!(IE)]><!--><html lang="ja"><!--<![endif]--> 参考書には、全ての行は <![endif]--> で終わるように書いてあるのですが、そうするとなぜかテンプレートを更新できません。 <head>内に <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="js/ie.js"></script> <link rel="stylesheet" href="../css/ie.css" type="text/css"> <![endif]--> ie用のJavascriptには下記を記入 (function($){ $(function() { $(".list-2column li:nth-child(2n)").addClass("child2n"); $(".list-3column li:nth-child(3n)").addClass("child3n"); $(".list-4column li:nth-child(4n)").addClass("child4n"); }); })(jQuery); 是非よろしくお願いいたします。

    • 締切済み
    • CSS
  • レスポンシブwebデザインをIEに対応させる方法

    レスポンシブwebデザインのIEへの対応について質問です。 XHTMLで作成したHPをメディアクエリを使用して、レスポンシブwebデザインにしたのですが、 IE8以下で全くCSSを読み込みません。 いくつかのHPを見て、header内に <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> を記述しているのですが、それでもうまくいきません。 CSSは外部ファイルで読み込ませてあり、 <link rel="stylesheet" media="only screen and (min-width: 481px)" href="style.css" /> このような形で記述してあります。ですので、 http://www.imaginationdesign.jp/blog/html5css3/1592/ これとも違うようですし、原因がわかりません。 どなたか原因がお分かりになられる方おりますでしょうか?

    • 締切済み
    • CSS
  • JAVAScriptライブラリのリンク先

    先日質問したところ、別件でJQueryなどのライブラリは googleやmicrosoft がホスティングしてるJavaScript を いろんなサイトで読み込んで、ローカルキャッシュが はたらくことを期待するのが主な戦略とお聞きしました。 今回悩んでいるのがcanvasのライブラリです。 •http://explorercanvas.googlecode.com/svn/trunk/silverlight/excanvas.js に対して <script src="http://explorercanvas.googlecode.com/svn/trunk/silverlight/excanvas.js "></script> と書けばいいのでしょうか。 それともURLが変わる可能性があるので危険なのでしょうか。 uupaa-excanvasもあると聞き、調査してみると http://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/ の配下にもexcanvas.jsとuupaa-excanvasがあり混乱しています。 何をどう直リンすればいいのか、直リンはやめた方がいいのか等 アドバイスを宜しくお願いします。

  • HTML文について

    下記の★印の意味を教えてください。   <!DOCTYPE html> ★<!--[if lt IE 7]><html class="no-js ie lt-ie9 lt-ie8 lt-ie7" lang="ja"><![endif]--> ★<!--[if IE 7]><html class="no-js ie lt-ie9 lt-ie8" lang="ja"><![endif]--> ★<!--[if IE 8]><html class="no-js ie lt-ie9" lang="ja"><![endif]--> ★<!--[if gt IE 8]><!--> <html class="no-js" lang="ja"> <!--<![endif]-->

    • ベストアンサー
    • HTML
  • jQueryでカウントダウンタイマーのループ

    jquery-countdownのタイマーを作っています。 同じ時間を何度も繰り返す タイマーにしたいのですが うまくいきません。 jquery-countdown http://code.google.com/p/jquery-countdown/ demostration http://jquery-countdown.googlecode.com/svn/trunk/index.html このタイマーを ループさせたいと考えています。 15行目の timerEnd: function() { alert('end!!'); }, を変更するかと思いますが どのように変更すれば 何度も繰り返すループになるでしょうか? <html> <head> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script src="http://jquery-countdown.googlecode.com/svn/trunk/js/jquery.countdown.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $('#counter').countdown({ stepTime: 60, format: 'mm:ss', startTime: "00:10", image: 'http://jquery-countdown.googlecode.com/svn/trunk/img/digits.png', digitWidth: 53, digitHeight: 77, timerEnd: function() { alert('end!!'); }, }); }); </script> </head> <body> <div id="counter"></div> </body> </html>

  • XP Pro SP3 / IE8で表示されない

    以下のようなHTMLのページを作成したのですが、XP Pro SP3 / IE8環境では、ページが正常に表示されません。どのような点を直せば表示されるのでしょうか。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>タイトル</title> <script src="./scripts/common.js"></script> <!--[if It IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"><script> <![endif]--> <link href="./styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <header> <h1><a href="./" title="タイトル">タイトル</a></h1> </header> <article> <p>本文</p> </article> <footer> <p id="copyright"> Copyright(C) hogehoge all rights reserved. </p> </footer> </body> </html>

    • ベストアンサー
    • HTML
  • IE対応 HTML5 こちらでよろしいでしょうか。

    IE対応 HTML5 こちらでよろしいでしょうか。。。 様々なサイトを見て ■ reset.cssは使わず normalize.css を使用。 ■ modernizr.jsではなく selectivizr.js を使用。 ■ cssの拡張に CSS3 PIE を 使用。 http://css3pie.com/ としております。 読み込ます順番が違うなどありますでしょうか。 併用するとエラーになるファイルはありますでしょうか。 よろしくお願いいたします。。。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="format-detection" content="telephone=no"> <meta name="robots" content="all"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet" href="css/main.css"><!-- 自分の記述するcss --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script><!-- 自分の記述するjs --> <!--[if (gte IE 6)&(lte IE 8)]> <script src="js/selectivizr.js"></script> <![endif]--> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]--> </head> <body> ~ </body> </html>

    • ベストアンサー
    • HTML
  • JSPで郵便番号から住所を得るには?

    JSPのJAVAのコーディングの中で、郵便番号から、住所を得るには、 どう記述すればよろしいでしょうか? <% <script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script> <script src="./ajaxzip3.js" charset="UTF-8"></script> AjaxZip3.zip2addr('zip31','zip32','pref31','addr31','addr31');" %>

    • ベストアンサー
    • AJAX

専門家に質問してみよう