<hoge />と<hoge></hoge>の違い

質問

現在jQueryを使ったプログラムをしていて、気になった点があったので質問させていただきました。

具体的には
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" charset="utf-8"/>
<script type="text/javascript">
function show() {
}
</script>

こんなソースを書いていましたが、showメソッドが認識されていませんでした。

そこで
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" charset="utf-8"></script>
とかくと、後ろのメソッドも認識されました。

ここで疑問なのは</>と</script>の違いです。
この２つは何がちがうのでしょうか？

回答No.1

noname#158634 · ベストアンサー

https://www.google.com/search?q=HTML+%E7%A9%BA%E8%A6%81%E7%B4%A0
違いっていうか。
<hoge />って書いていいのは「何もはさまないタグ」だけ。<img><link><br>…
<script>は、確かにsrc属性を設定すれば何もはさまなくはなりますが、「はさまないタグ」ではないから「/>」で終わることはできない。<img /> を<img></img>にすることはできるが逆はできません。

試してないから分からないが、質問文の記述では最初の間違ったタグが開始タグとして認識され以降3行がスクリプトとして認識され、結果文法エラーとなっているのでは。というか、その書き方でほかの部分のソースの解釈に影響出てないんですか？

お礼

お返事ありがとうございます。

なるほど、タグにも２種類あったんですね。恥ずかしながら今までぜんぜん意識せずに、かいていました。

回答No.2

PXU10652

「<hoge />と<hoge></hoge>の違い」
　１行だけで記述できる物は前者でも記述が可能。基本は後者であり、タグで挟む必要があります。

お礼

お返事ありがとうございます。

基本的にははさむもののほうが多かったんですね。勉強になりました。