英語のサイトで海外の方が作ったものを
Another HTML-lint gateway http://openlab.jp/k16/htmllint/htmllinte.html
でチェックしてエラーをできるだけなくしたいのですが、
私がJavascriptがさっぱりわからず、つまづいてしまいました。
----------------------
<script language="JavaScript1.2">mmLoadMenus();</script>
<a href="about.asp" onMouseOver="MM_showMenu(window.mm_menu_0119092132_0,0,23,null,'image2');MM_swapImage('image2','','images/menu_about2_selected.gif',1)" onMouseOut="MM_startTimeout();MM_swapImgRestore()"><img src="images/menu_about2.gif" name="image2" border="0" id="image2"></a><a href="basel.asp" onMouseOver="MM_swapImage('image1','','images/menu_basel2_selected.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/menu_basel2.gif" name="image1" border="0" id="image1"></a><a href="activitiesassist.asp" onMouseOver="MM_showMenu(window.mm_menu_0119090425_0,0,23,null,'image3');MM_swapImage('image3','','images/menu_assist2_selected.gif',1)" onMouseOut="MM_startTimeout();MM_swapImgRestore()"><img src="images/menu_assist2.gif" name="image3" border="0" id="image3"></a><a href="activitiesreport.asp" onMouseOver="MM_showMenu(window.mm_menu_0119090642_0,0,23,null,'image4');MM_swapImage('image4','','images/menu_report2_selected.gif',1)" onMouseOut="MM_startTimeout();MM_swapImgRestore()"><img src="images/menu_report2.gif" name="image4" border="0" id="image4"></a><a href="specificinfo_main.asp" onMouseOver="MM_showMenu(window.mm_menu_0119090857_0,0,23,null,'image5');MM_swapImage('image5','','images/menu_specific2_selected.gif',1)" onMouseOut="MM_startTimeout();;MM_swapImgRestore()"><img src="images/menu_specific2.gif" name="image5" border="0" id="image5"></a><a href="links.asp" onMouseOver="MM_swapImage('Image2','','images/menu_links2_selected.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/menu_links2.gif" name="Image2" border="0" id="Img1"></a>
----------------------
・body内にscriptが書かれています。
・alt属性の入れ方がわかりませんでした。
・<script language="JavaScript1.2">は、
<script type="text/JavaScript1.2">で良いのでしょうか。
・同じnameがあり(idも合っていない)変更しても問題ないでしょうか?
初心者な質問かと思いますが、
回答いただければ幸いです。
よろしくお願いします。
No.4ベストアンサー
- 回答日時:
> idは小文字を含むことができないようなので、
> 大文字にして、nameも合わせて大文字に変更したら
> scriptがきかなくなってしまいました。
小文字使えますよ。
逆に属性の値などはあまり大文字使わない方がいいと思います。
JavaScriptは文法は大文字と小文字を完璧に区別するのでid名などを
小文字で記述していたものを修正せずにHTMK側だけ修正したら動作
しなくなるのは当然です。
> また、「 <SCRIPT>~</SCRIPT> 内の要素はすべてコメントで囲んだ
> 方が安全です。」とエラーが出ます。
> この場合はどこからどこまでをコメントアウトしたほうが良いの
> か、、、、
それはJavaScriptの書き方を調べればすぐにでてきますし、lint側でも
書かれていませんか。
基本的にはJavaScriptに非対応な環境でスクリプトをHTML内に書いた
場合にスクリプトがそのまま表示されることを防ぐためにコメント
アウトしておくのが習慣となっています。
<script>
<!--
// ↓~ JavaScript コード ~
// -->
</script>
最後の // は一部の環境でそのままHTMLのコメントを閉じるとエラーに
なる場合があるようなのでそれを回避するためにJavaScriptの1行
コメントを入れることになっています。
ただ、実際にはHTML上にJavaScriptを直接記述するのは非推奨なので
できるならちゃんと外部ファイルとして用意して読む込むように
した方がいいです。
ご回答ありがとうございます。
Javascriptのコメントのところは、
<script type="text/JavaScript"><!-- mmLoadMenus(); // --></script>
のように一行で入れてしまっていたので、うまくいきませんでした。
一文でもきちんと改行しなければならなかったようで、勉強になりました。
いくつかのJSファイルは外部化されているのですが、このスクリプトは各ページに書かれているようで何か意図があったのか、単純に外部化しなかったのかはわかりません。
(これだけでなく、head部分にもとっても長いJavascriptがありますが。。)
No.3
- 回答日時:
Dreamweaverは古いブラウザを考慮したスクリプトを生成しますので、(name属性を使うのもその1つです)
JavaScriptがわからなければ、Dreamweaverで作ったHTMLはさわらない方がいいと思います。
Another HTML-lintを使うなら宗教的なチェックなどをしないか、(全てのチェックを行うと、古いブラウザで適切に表示できなくなることがあります)
W3CのHTMLチェッカーでエラーが出ないことを確認できたらOKとするといいと思います。
また、書き方もわからずに適当に変更すると、DWで作り直せなくなります。
> ・<script language="JavaScript1.2">は、
> <script type="text/JavaScript1.2">で良いのでしょうか。
text/javascript
となります。
> ・同じnameがあり(idも合っていない)変更しても問題ないでしょうか?
HTMLの文法上は問題ないと思いますが、たぶんJavaScriptが動かなくなります。
> idとnameが同じ値でなければならないというのは理解いたしました。
特定の条件付きで同じにならなければなりませんが、基本的には違っていてもかまいません。
参考URL:http://validator.w3.org/
ご回答ありがとうございます。
ご意見を参考にし、各場所修正してみたところ、
一応稼働しているようで、lintでもなんとかOKが出ました。
lintは確認作業者がデフォルトで確認していたようなので、
私もデフォルトで作業していました。宗教的なチェック等は意識してませんでした。。さすがに必要なさそうだったので無効にしました。
No.2
- 回答日時:
> 修正の助言を読みましたが、Javascriptの理解が足りないためか、
> 例えばaltですと入れる部分が間違っている等の別のエラーが出て
> しまいます。
入れる部分とは?
alt属性はimgエレメントの属性ですよね。
nameとidですが、nameは同名を複数付けられる(重複できる)・idは
単一でないといけないという違いがあります。
また、nameとidで重複させないといけない場合とできない場合が
あったり、いろいろややこしいです。
基本的にフォーム以外のエレメントはidにした方がいいようです。
フォームはnameでないとCGIなどに値を渡せません。
(フォームに重複したname与えるとlintでエラーになってしまうけど)
ご回答ありがとうございます。
altは</a>で改行して見やすくしてみたら気がつきました。
勘違いしていたようです。ありがとうございます。
idは小文字を含むことができないようなので、
大文字にして、nameも合わせて大文字に変更したら
scriptがきかなくなってしまいました。
idを書かなければlintでエラーが出ないようです。
この場合idは書かなくても良いものなのでしょうか。。
また、「 <SCRIPT>~</SCRIPT> 内の要素はすべてコメントで囲んだ方が安全です。」とエラーが出ます。
この場合はどこからどこまでをコメントアウトしたほうが良いのか、、、、
No.1
- 回答日時:
基本的にチェッカのエラーには修正の助言がなされている筈だからその通りにすれば出なくなるよ。
http://www.google.com/search?hl=ja&q=script+type …
他のは唸るほどあるHTMLの本やサイトで書かれているので敢えて省略するけど調べても判りにくいnameとidだけ。
nameとidは基本的に同じ物でidを使うべきってなってて、idとnameは同じ値であるのが望ましい。
しかも罠的にidでは効かないのでnameじゃないとならない、ってのがあるから両方書かないとならないなんてのもあるので面倒。
早速のご回答ありがとうございます。
修正の助言を読みましたが、Javascriptの理解が足りないためか、
例えばaltですと入れる部分が間違っている等の別のエラーが出てしまいます。
ちなみに、HTMLバージョンは
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
です。
idとnameが同じ値でなければならないというのは理解いたしました。
他のnameとかぶっているものは新たにnameの値を入れたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- HTML・CSS htmlについて質問です! 写真のように写真の部分が?になってしまいます。 ファイルもしっかり選べて 1 2023/07/09 21:17
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/12】 急に朝起こしてきた母親に言われた一言とは?
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・好きな「お肉」は?
- ・あなたは何にトキメキますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
Excel VBA マクロ 画像(...
-
ロールオーバー効果にならない。
-
MAX関数を使ってからLEFT JOIN...
-
textareaに画像を表示したい
-
CSS <div>の入れ子が反映さ...
-
jspでcssが読み込めない
-
表示・非表示のスクリプトで、...
-
Ctrl+F(検索)の窓を出したいの...
-
jqueryを使って無駄なspanタグ...
-
Javascriptで指定した日付と時...
-
デフォルト非表示にしたい。【t...
-
jqueryのsortableで一部ソート...
-
Flickity で画像にリンクを貼る...
-
リンクで違うページの指定箇所...
-
window.openで値の渡し方を教え...
-
配列の作業
-
複数枚画像を表示して一定時間...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
クリックして変更した画像を他...
-
日替わりで画像を変更したい
-
Excel VBA マクロ 画像(...
-
OpenCVを用いたヒストグラムの...
-
画像をクリックしたら別ウイン...
-
ランダムに画像を表示し、ポッ...
-
Javascriptで画像を水面のよう...
-
文字列型定数2
-
フォームに入力された値により...
-
画像クリックした後別ウィンド...
-
C言語のポインタ表現
-
携帯でGIFアニメーションが正し...
-
ボタンを押すとオリジナルの効...
-
WSHでクリップボードにイメージ...
-
画像をクリックすると音が鳴り...
-
【初心者】UWSCでjavascriptで...
-
時間で背景の画像を変更したい...
おすすめ情報