ベストアンサー

ジャバスクリプトの正しい描き方

2009/05/31 16:17

ヤフーの解析ソースをそのまま貼ったら Another HTML-lint gatewayで２点注意されました。１、<SCRIPT>～</SCRIPT> 内の要素はすべてコメントで囲んだ方が安全です。２、`&js` は不明な実体参照です。どうすれば良いでしょうか？それと、altが空白でも良いにのでしょうか？ ------------------------------------ <script type="text/javascript" src="http://i.yimg.jp/images/analytics/js/ywa.js"></script> <script type="text/javascript"> var YWATracker = YWA.getTracker("XXXX"); YWATracker.addExcludeProtocol("file:"); YWATracker.submit(); </script> <noscript> <div><img src="http://by.analytics.yahoo.co.jp/p.pl?a=XXXX&js=no" width="1" height="1" alt="" /></div> </noscript>

takumana20
お礼率91% (434/473)

JavaScript
回答数3
ありがとう数3

みんなの回答 （3）
専門家の回答

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

ベストアンサー

tenderfeel
ベストアンサー率56% (215/379)

2009/06/01 16:20 回答No.3

>１、<SCRIPT>～</SCRIPT> 内の要素はすべてコメントで囲んだ方が安全です。 XHTMLなら　//<![CDATA[　を。 >２、`&js` は不明な実体参照です。アンバサンダを&にするでいいと思います。 >altが空白でも良いにのでしょうか？ altは画像の代わりとして利用されることを目的としたものなので必要なければ空白でもいいと思います。解析用の画像をいちいちテキストで説明する必要はありませんよね <script type="text/javascript" src="http://i.yimg.jp/images/analytics/js/ywa.js"></script> <script type="text/javascript"> //<![CDATA[ var YWATracker = YWA.getTracker("XXXX"); YWATracker.addExcludeProtocol("file:"); YWATracker.submit(); //]]> </script> <noscript> <div><img src="http://by.analytics.yahoo.co.jp/p.pl?a=XXXX&js=no" width="1" height="1" alt="" /></div> </noscript>

質問者

お礼 2009/06/01 19:19

回答者の皆さんの意見を参考にして、そのままよりも直した方が良いと判断させて頂きました。ありがとうございました。<(_ _)>

その他の回答 (2)

think49
ベストアンサー率59% (285/482)

2009/05/31 23:43 回答No.2

> 1、<SCRIPT>～</SCRIPT> 内の要素はすべてコメントで囲んだ方が安全です。 > 2、`&js` は不明な実体参照です。 HTML-lintではエラー箇所毎に「解説 nn」のリンクが貼られるので、そちらを参考にしてみてください。 <SCRIPT>～</SCRIPT> 内の要素はすべてコメントで囲んだ方が安全です。 http://htmllint.itc.keio.ac.jp/htmllint/explain.html#comment-element `&xx;` は不明な実体参照です。 http://htmllint.itc.keio.ac.jp/htmllint/explain.html#bad-entity > それと、altが空白でも良いにのでしょうか？良くありません。HTML-lintではエラーになります。リンクイメージの <IMG> の ALT 属性には何か説明を書きましょう。 http://htmllint.itc.keio.ac.jp/htmllint/explain.html#link-text-equivalent

質問者

お礼 2009/06/01 19:15

訂正方法はわかるのですが、Yahooで表示されたのに直した方が良いのかどうか迷っていたのです。。。 HTML-lintの指摘通りにやってみます。altも何か入れておきます。ありがとうございました。

SAYKA
ベストアンサー率34% (944/2776)

2009/05/31 16:38 回答No.1

１　の修正をすれば無問題じゃないのかな。外部ファイル化するかコメントで囲むか　どっちか。 http://www.tohoho-web.com/js/write.htm

質問者

お礼 2009/06/01 19:09

ありがとうございます。やっぱり、コメントで囲んだ方がいいのですね。 Yahoo側で最初から書いてくれれば助かるのですが。

関連するQ&A

javascript　解析タグのコメントアウト
XHTMLではなく、HTMLに貼るときにのコメントアウトで、以下をどうすればよいのでしょうか？ <script type="text/javascript" src="http://i.yimg.jp/images/analytics/js/ywa.js"></script> <script type="text/javascript"> var YWATracker = YWA.getTracker("XXXX"); YWATracker.addExcludeProtocol("file:"); YWATracker.submit(); </script> <noscript> <div><img src="http://by.analytics.yahoo.co.jp/p.pl?a=XXXX&js=no"; width="1" height="1" alt="" /></div> </noscript> ------------------------- 例１  例２ //<![CDATA[ //]]> 例３　どっちでも良い。
- ベストアンサー
- JavaScript
グーグルアナリティクス　コードのコメント囲み
作成したhtmlをAnother HTML-lint gatewayでチェックすると <SCRIPT>〜</SCRIPT> 内の要素はすべてコメントで囲んだ方が安全です。 → 解説 153 のようなエラーが出ます。そこでアナリティクスの文章をコメントで処理したいのですが <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script><script type="text/javascript">_uacct = "**-******-*";urchinTracker(); </script> をどのようにコメントで囲むのが正しいのか、教えてください。
- ベストアンサー
- HTML
yahooジオシティーズの広告が酷い
ジオの無料版を使っています。縦型広告のHTMLがひどすぎます </object></layer></div></span></style></noscript></table></script></applet> <link href="http://bc.geocities.yahoo.co.jp/js/sq.css" rel="stylesheet" type="text/css"><script language="JavaScript">var jps=382116066;var jpt=1335867415</script><script language="JavaScript" src="http://bc.geocities.yahoo.co.jp/js/sq.js"></script><script language="JavaScript" src="http://bc.geocities.yahoo.co.jp/js/geov2.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.jp/visit.gif?jp1335867415" alt="setstats" border="0" width="1" height="1"></noscript><IMG SRC="http://bc.geocities.yahoo.co.jp/serv?s=382116066&t=1335867415" ALT=1 WIDTH=1 HEIGHT=1> なぜか最初の方に変なタグが入ってるしnoscriptにはｐタグを入れないといけないし、最後の方は大文字だし・・・なぜこんなに汚いタグなんでしょうか？
- ベストアンサー
- HTML
ジャバスクリプトが作動しません。
初めまして、素人なので的外れな質問だったら恐縮です。以下のようにジャバスクリプトを2つ記述しましたが、後ろに記述した１つしか作動しません。記述の順番を入れ替えても、やはり後ろに記述した方しか作動しません。何が悪いのか、どなたか教えて頂けますでしょうか？ <head> <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" /> <title>ホームページテンプレート</title> <meta name="description" content="説明を入れます" /> <meta name="keywords" content="キーワード" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/script.js"></script> <link href="css/gallery11.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/effects.js"></script> <script type="text/javascript" src="js/glider.js"></script> <script type="text/javascript"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var setImg = '#viewer'; var fadeSpeed = 1500; var switchDelay = 5000; $(setImg).children('img').css({opacity:'0'}); $(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed); setInterval(function(){ $(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg); },switchDelay); }); </script> </head>
- ベストアンサー
- JavaScript
scriptを2つ動かすために
ライトボックスと、時間が経つとNEWマークが自動で消えるスクリプトを2ついれました。すると、NEWマークの方だけが稼動して、ライトボックスが動きません。自分で調べた結果、統合しないといけないというのはわかったのですが、やり方が…。。。お力ください！(>_<)  <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.newmark.js"></script> <script type="text/javascript"> /* <![CDATA[ */ $(document).ready(function(){ $(".newmark").newmark({ past: 240, icon: "<img src='images/new.gif' alt='new'>" }); }); $(document).ready(function(){ $(".newmark2").newmark({ past: 240, icon: "<img src='img/new2.gif' alt='new'>" }); }); /* ]]> */ </script>   <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> <style type="text/css"></style> <style type="text/css"> a:link {text-decoration:none;} a:visited {text-decoration:none;} a:active {text-decoration:none;} a:hover {text-decoration:none;} </style> 
- 締切済み
- ホームページ作成ソフト
スライドショーについて
ど～もど～も。よろしくです。http://okwave.jp/qa5423914.html 上のURLでの質問はjQueryじゃなくて「TinySlideshow」ってやつだったんだけど、jQueryだったらどうなるのかな？私も同じような設計で悩んでてピッタシと思うのがやっとあった！と思ってたら・・・jQueryじゃないみたい（泣）私のしたいことはjQueryを使ったスライドショーで、時間によって色んな画像がころころと変わるようなものを作りたいです。ソースを貼っておくのでよろしくお願いします。ｈｔｍｌファイル <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD><TITLE>test</TITLE><META content="text/html; charset=utf-8" http-equiv=Content-Type><META content=IE=7 http-equiv=X-UA-Compatible> <LINK rel=stylesheet type=text/css href="css/style.css"> <LINK rel=stylesheet type=text/css href="css/ie6.css"> <LINK rel=stylesheet type=text/css href="css/backnumber.css"> <LINK rel=stylesheet type=text/css href="css/lightview.css"> <LINK rel=stylesheet type=text/css href="css/shopcruise.css">  <SCRIPT type=text/javascript src="js/heightLine.js"></SCRIPT> <SCRIPT type=text/javascript src="js/jquery-1.3.2.js"></SCRIPT> <SCRIPT type=text/javascript>　jQuery.noConflict();　</SCRIPT><SCRIPT type=text/javascript src="js/jquery.easing.1.3.js">/SCRIPT> <SCRIPT type=text/javascript src="js/jquery.galleryview-1.1.js"></SCRIPT><SCRIPT type=text/javascript src="js/jquery.timers-1.1.2.js"></SCRIPT><SCRIPT type=text/javascript>　jQuery(document).ready(function(){jQuery('#slide').galleryView({ panel_width: 638,panel_height: 300,frame_width: 80,frame_height: 38,transition_interval: 3000,overlay_height: 0　});});　</SCRIPT>  <SCRIPT type=text/javascript src="js/heightLine.js"></SCRIPT> <SCRIPT type=text/javascript src="js/swapimage.js"></SCRIPT> <SCRIPT type=text/javascript src="js/prototype.js"></SCRIPT> <SCRIPT type=text/javascript src="js/scriptaculous.js"></SCRIPT> <SCRIPT type=text/javascript src="js/lightview.js"></SCRIPT> </HEAD><BODY><DIV id=slide class=galleryview>  <DIV id=gallery_box>  <DIV class=panel><IMG alt="○○○　src="./images/1.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./images/2.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./images/3.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./images/4.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./images/5.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./images/6.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./imagess/7.jpg" width=640 height=300> </DIV>   <UL class=filmstrip> <LI><IMG alt="アバハウス・ドゥヴィネットリュクス" src="./images/image_tokyo_009_7s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネットリュクス" src="./images/image_tokyo_009_2s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネットリュクス" src="./images/image_tokyo_009_3s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネットリュクス" src="./images/image_tokyo_009_4s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネットリュクス" src="./images/image_tokyo_009_5s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネットリュクス" src="./images/image_tokyo_009_6s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネットリュクス" src="./images/image_tokyo_009_1s.jpg"> </LI></UL> </DIV> </DIV></BODY></HTML> 長くなっちゃってごめんなさい。困っているので、お願いします。
- 締切済み
- JavaScript
実行するスクリプトを時間で切替えたいが・・
以下のようにHTML内に埋め込んで、時間で実行するスクリプトを切替えたいと思っていますが、何故か上手くいきません。詳しい方がいましたら、ご教授下さいませ。 m(__)m <script language="JavaScript">  </script>
- ベストアンサー
- JavaScript
Camera slideshowの使い方について
jQueryプラグイン"Camera slideshow"を試しに使ってみたのですが、まったく動きません。どこが間違っているのか見当もつかなく困っています。【head内】 <head>  <link rel="stylesheet" id="camera-css" href="/camera.css" type="text/css" media="all"> <script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery.mobile.customized.min.js"></script> <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="/js/camera.js"></script> <script type="text/javascript" charset="utf-8"> <script type="text/javascript"> jQuery(function(){ jQuery('#camera').camera(); }); }); </script> </head> 【HTML部】 <div class="camera_wrap camera_blue_skin" id="camera"> <div data-src="../images/slides/bridge.jpg"></div> <div data-src="../images/slides/leaf.jpg"></div> <div data-src="../images/slides/road.jpg"></div> </div> この情報だけで質問をするのが失礼だったらすいません。初心者なもので誠に申し訳ございませんが、改善方法をどなたかご教授いただければ大変助かります。よろしくお願いしますm(_ _)m
- ベストアンサー
- JavaScript
javaスクリプトについて質問です。カウントダウンタイマーなのですが、
javaスクリプトについて質問です。カウントダウンタイマーなのですが、下記コードを入力したのですが、ホームページ上ではうまく作動しません。どこを訂正したらよろしいのでしょうか？わかる方教えて下さい。  <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="cookie.js"></script> <script type="text/javascript" src="check.js"></script> <script type="text/javascript">  </script>
- ベストアンサー
- JavaScript
このDOCTYPEは、何なんでしょう？古いホームページなんですが、すこ
このDOCTYPEは、何なんでしょう？古いホームページなんですが、すこし書き直しするはめに、なってしまいました。ひょっとして、 sitebuilderというソフトで作ったんでしょうか？　作り直しは、このソフトが必要なんでしょうか？javascriptは、DOCTYPEは、必要ないのでしょうか？アドバイスよろしくお願いします。ホームページ作りは、初心者なので。   <html> <head> </html> <script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/whv2_001.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.webhosting.yahoo.com/visit.gif?us1274894357" alt="setstats" border="0" width="1" height="1"></noscript>
- ベストアンサー
- JavaScript

ジャバスクリプトの正しい描き方