変わった画像タグ<img src="画像URL"/>

0   名前： はな ： 2006/08/24（木） 11:59  ID:fZTJWa4V
通常画像タグは、<img src="画像URL">だと思うのですが、
こんな画像タグを使っている方を目撃しました。
<img src="画像URL"/>の/は、何なのでしょうか？
こででも、サイト自体はちゃんと表示されているようでした。
1   名前： カヅサツ ◆ThCi95HEzw ： 2006/08/24（木） 11:59  ［URL］  ID:O5hEMlpW
HTMLの最新ルールである XHTML は、img要素や br要素のような「空要素」でも終了タグを書かなければなりません。

<img src="(略)" alt="(略)"></img>

ただし、開始タグの末尾に / を付ける省略形も許されます。

<img src="(略)" alt="(略)" />

XHTML でない HTML のルールで記述する場合は、終了タグは書いてはいけません。
また XHTMLでも、空要素とは別の、「内容が空になりうる要素」では省略形は許されません。

<script type="(略)" src="(略)" /> ×

文法違反をした場合どうなるかは環境次第です。ブラウザが勝手に解釈して「ちゃんと表示」しているように見えるかもしれませんし、見えないかもしれません。
2   名前： はな ： 2006/08/24（木） 11:59  ID:fZTJWa4V
新ルールだったんですね。
そのサイトの管理人さんは、自分よりもHPに詳しい方だったので、単純なタグミスでは、ないと思ってはいたのですが。
タグ的には、
<img src="画像URL">でも、
<img src="(略)" alt="(略)"></img>でも、
<img src="(略)" alt="(略)" />でも、
でも、同じタグなのですね。

元から閉じタグがあったものは、
<script type="(略)" src="(略)"></script>
略せないのですね。
だとすると<br>タグは、<br></br>でもいいし、<br/>でもいいってことですか。
<br>しか見たことないけどな？
3   名前： カヅサツ ◆ThCi95HEzw ： 2006/08/24（木） 11:59  ［URL］  ID:O5hEMlpW
はなさんは、「タグ」という言葉と「要素」という言葉をごっちゃにしているため、判りづらくなっているのだと思います。

<a href="http://www.google.co.jp">google</a>


これが1つの「a要素」です。「aタグ」ではありません。

<a href="http://www.google.co.jp">


これは a要素の「開始タグ」

</a>


これは a要素の「終了タグ」

google


これは a要素の「内容」

href="http://www.google.co.jp"


これは a要素の「href属性」

http://www.google.co.jp


これは a要素の「href属性値」

> だとすると<br>タグは、<br></br>でもいいし、<br/>でもいいってことですか。

もし、<br> と書くならば、少なくともその HTML文書は XHTML 1.0以降のルールに適合しません。
逆に言うと、XHTMLのルールで HTML文書を作るなら、<br></br> あるいは <br /> と書かなければなりません。

あるいはもし、<br></br> あるいは <br /> と書くならば、少なくともその HTML文書は HTML 4.01以前のルールに適合しません。
逆に言うと、HTML 4.01以前のルールで HTML文書を作るなら、<br> と書かなければなりません。

例えば私のウェブページは、XHTML 1.1 のルールで書いていますので、<br /> とか <img (略) /> とか <link (略) /> と書いています。

-----

まったく蛇足ですが

<img src="画像URL">


HTML 4.01 でも XHTML 1.0 以降でも、alt属性は省略できません。代替文字を書きたくない場合でも

<img src="画像URL" alt="">


値が空のalt属性は必須です。

一覧へ戻る