Edit

Page

Page title:

Page body:

[17] [DFN[[CODE(HTMLe)@en[[[image]]]]]] は、[[画像]]を表す [[HTML要素]]です。
現在では[[構文解析]]時点で [CODE(HTMLe)@en[[[img]]]] [[要素]]に読み替えられることになっています。

* HTML+ の [CODE[image]] 要素

[1] [[HTML+]] の(遅くても)1993年10月28日版には含まれています。
[CODE(HTMLe)@en[[[img]]]] [[要素]]とは違って [CODE(HTMLa)@en[[[alt]]]]
[[属性]]相当が[[属性]]ではなく[[内容]]となる形になっていました。

[16] (少なくても)1993年7月23日版の [[HTML+]] には [CODE(HTMLe)@en[[[image]]]]
[[要素]]ではなく [CODE(HTMLe)@en[[[img]]]] [[要素]]が ([[NCSA Mosaic]]
の実装に近い形で) 含まれていました。 [[HTML]] 仕様の開発者達は [[Mosaic]] の
[CODE(HTMLe)@en[[[img]]]] [[要素]]の方式を好ましく思っていなかったので
([CODE(HTMLe)@en[[[img]]]] [[要素]]の歴史の項を参照。)、
新仕様である [[HTML+]] では実装されてしまった [CODE(HTMLe)@en[[[img]]]]
を捨てて新しい[[要素]]を導入しようと (7月から10月の間に) 決めたのでしょう。

[FIG(data)[ [38] [[HTML要素概説]]

:[F[要素名]]:[CODE[image]]
:日付:[TIME[1993-10-28]]
:説明:
[TIME[1993-10-28]]版 [CITE[HTML+]] に [CODE[image]] がある。
[CODE[img]] と違って[[内容]]を持ち、[CODE[alt]] 属性に当たる。
[SRC[HTML+19931028]]
:参照:[CODE[alt]]
:参照:[CODE[fig]]

]FIG]

* HTML文書の [CODE[image]] 要素

[14] いつ実装され始めたのかは定かではありません。

[FIG(data)[ [40] [[HTML要素概説]]

:[F[要素名]]:[CODE[image]]
:日付:[TIME[1994]]
:説明:
ほとんどの[[Webブラウザー]]は
[CODE[image]]
を 
[CODE[img]]
の同義とする。
起源は不明だが、少なくても
[[NCSA Mosaic]] 2.1 以降,
[[Netscape Navigator]] 1.1 以降,
[[Internet Explorer]] 1.0 以降 (4.0 Platform Preview を除くが 4.0 Preview 2 以降を含む),
[[Mozilla Suite]],
[[Opera]],
[[w3m]]
などが実装していたという。
[[HTML5]]
以前の
[[Internet Explorer]],
[[Opera]],
[[WebKit]]
では[[HTML文書]]だけでなく[[XML文書]]や[[DOM]]操作でも
[CODE[image]]
を
[CODE[img]]
と読み替えられていた。
また、
[CODE[image]]
を使った
[[HTML文書]]も多数存在していた。
:出典: [[<image>]]

]FIG]

[37] [[NCSA Mosaic]] には実装されていないように見えます。
従って [CODE(HTMLe)@en[[[image]]]] [[要素]]よりも
[CODE(HTMLe)@en[[[img]]]] [[要素]] (1993年2月提案、3月実装)
の方が先に実装されていた可能性が高いです。

[13] [[Netscape Navigator]] に実装されたのが最初とも言われています。

[22] 
[CITE[Img]], [TIME[2005-04-03T19:18:48.000Z]], [TIME[2024-08-13T03:27:14.505Z]] <http://www.blooberry.com/indexdot/html/tagpages/i/image.htm>

[39] >>22

>[SNIP[]] All the browsers surveyed also support another form of this element (which is not a part of ANY HTML standard.) The string "IMAGE" can replace "IMG". Internet Explorer supports this since version 1.0, Mosaic since at least 2.1, and Netscape since version 1.1. Internet Explorer did not support this in v4.0 Beta 1 (presumably because the parser/rendering engine for 4.0 was re-built from scratch), but the strange syntax is again recognized in 4.0 Beta 2.

[15] [[AHL]] は [[WebExplorer]] の [[DTD]] で [CODE(HTMLe)@en[[[image]]]]
と [CODE(HTMLe)@en[[[img]]]] を同義として定義しています。ただし出典は示されていないので、
実際の挙動に基づくものかどうかは不明です。

- [2] [CITE[securecat の日記 (3946)]]
<http://slashdot.jp/journal.pl?op=display&uid=3946&id=136315>
-- 移転確認 [TIME[2021-09-09T01:50:20.00Z]]
-- [CITE@ja[[[image]]要素 | securecatの日記 | スラド]], 
[[securecat]],
2003年06月23日 23時52分,
[TIME[2021-09-09T01:50:06.000Z]] <https://srad.jp/~securecat/journal/136315>

><image>という、Another HTML-lint的には「HTML+またはWebExplorer用」とされるタグがあるのだが、なんか、IE6でもMozilla1.3.1でも、あたかも<img>タグでマークアップされているかのようにというか、それとまったく同等のレンダリングをするんですけど。

- [3] [[WinIE6]] や [[Mozilla]] 1.4 でもなんと対応している。
- [4] >>3 [[DOMInspector]] で見る限りでは、 [[Gecko]] は内部的に [CODE(HTML)[[[img]]]] 要素型として扱っているらしい。

-[5]
[CITE[えすともほめぱげ - 日記(2004-03-16)]] [CSECTION[image要素]] <http://s-tomo.sakura.ne.jp/tdiary/?date=20040316#p01>
-- 消滅確認 [TIME[2021-09-09T01:51:11.000Z]]

[6]
>>5

> IEが対応しているのはともかくNetscapeやOpera、それどころかw3mまでimg要素と同様に解釈してるじゃありませんか。

[41] [CITE@EN-US[Web Workshop - Frequently Asked Questions About HTML Coding for Internet Explorer]], [[Microsoft Corporation]], [TIME[2024-09-26T15:22:53.000Z]], [TIME[2000-12-03T23:36:01.175Z]] <https://web.archive.org/web/20001203232800/http://msdn.microsoft.com/workshop/Author/ie3html/HTMLFAQ1.asp>

>A dot appears after an image if there is white space after the <IMAGE> tags in an anchor. This can come from a space like this:
>
[PRE[
<A HREF="some.htm"><IMG
SOURCE="some.gif"> </A>
]PRE]
>
It will also happen if the anchor is split across two lines, like this:
>
[PRE[
<A HREF="some.long.URL.htm"
TARGET="_top"><IMG SRC="some.gif">
</A>
]PRE]

[42] >>41 これはドキュメントの質が悪い案件かなあ

[7]
[CITE[Images]] ([CODE[1994-04-11 17:14:50 +09:00]] 版) <http://www.w3.org/MarkUp/HTMLPlus/htmlplus_21.html>

[23]
[CITE[生涯学習のユーキャン]] ([CODE[2007-06-08 09:06:55 +09:00]] 版) <http://www.u-can.co.jp/index.html>
([[名無しさん]])

[24]
>>23 当然のようにありとあらゆる[[画像]]に [CODE(HTMLe)@en[[[image]]]] を使っています。
2006年12月14日のリニューアル時からのようです
(それ以前は普通に [CODE(HTMLe)@en[[[img]]]] でした)。
([[名無しさん]])

[25]
[CITE[EMail Msg <9311021128.AA03902@wintermute.ncsa.uiuc.edu>]] ([CODE[2007-07-01 04:41:30 +09:00]] 版) <http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q4.messages/352.html>
([[名無しさん]])

[26]
[CITE[EMail Msg <9311021128.AA03902@wintermute.ncsa.uiuc.edu>]] ([CODE[2007-07-01 04:41:30 +09:00]] 版) <http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q4.messages/352.html>
([[名無しさん]])

[27]
[CITE[EMail Msg <9311021128.AA03902@wintermute.ncsa.uiuc.edu>]] ([CODE[2007-07-01 04:41:30 +09:00]] 版) <http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q4.messages/352.html>

[28]
[CITE@ja[ニューストップ > スポーツ > 野球 > 涌井13勝も「情けない」あと1球で完投スルリ - Infoseek ニュース]] ([CODE[2007-07-22 17:58:53 +09:00]] 版) <http://news.www.infoseek.co.jp/sports/baseball/story/20070719hochi034/>

>
[PRE(HTML bad example code)[
<td><nobr><a href="http://www.infoseek.co.jp/redirect?ak=MDIA-4002-1000-ZP330&rd=http://news.www.infoseek.co.jp/special/sports/interview_rina/">美女アスリート</a>
<image border="0" src="http://image.infoseek.co.jp/news/icon/new.gif" alt="美女アスリート" />
</nobr>
</td>
<td><nobr><a href="http://www.infoseek.co.jp/redirect?ak=MDIA-4002-1000-ZP331&rd=http://news.www.infoseek.co.jp/special/sports_kata/">本日の「型」</a>
<image border="0" src="http://image.infoseek.co.jp/news/icon/new.gif" alt="本日の「型」" />
</nobr>
</td>
]PRE]

[29]
[CITE[はなさんのページ]] ([TIME[2007-09-02 18:34:15 +09:00]] 版) <http://6111.teacup.com/hanahana/prof>

>
[PRE(HTML invalid example code)[
			<a href="http://sky.ap.teacup.com/hanatabi" target="_blank">
				<image style="display:none" src="/fprof/img/key.gif" border="0" />
				<img src="/fprof/images/icon_autopage.gif" alt="autopage" border="0" />
			</a>
]PRE]

* XML 文書の [CODE(HTMLe)@en[image]] 要素

[30] [[Opera]] と [[WebKit]] は [[XML]] でも [CODE(URI)@en[[[http://www.w3.org/1999/xhtml]]]]
[[名前空間]]の [CODE(HTMLe)@en[[[image]]]] [[要素]]は [[DOM]] 上で
[CODE(HTMLe)@en[[[img]]]] [[要素]]になってしまいます。[[レンダリング]]上も
[CODE(HTMLe)@en[[[img]]]] 扱いになります。

;; <http://software.hixie.ch/utilities/js/live-dom-viewer/?%3Ciframe%20src%3D%22data%3Aapplication%2Fxhtml%2Bxml%2C%3Cimage%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%27%2F%3E%22%3E%3C%2Fiframe%3E%0A%3Cbutton%20onclick%3D%22w(document.getElementsByTagName(%27iframe%27)%5B0%5D.contentDocument.documentElement.localName)%22%3E%0AlocalName%0A%3C%2Fbutton%3E>

;; [[Opera]] ではボタンを押すと [CODE(HTMLe)@en[[[img]]]] と表示されます。
[[WebKit]] ではなぜか [CODE(JS)@en[[[contentWindow]].[[document]]]] が [CODE(JS)@en[[[undefined]]]]
になりますが、[[Web Inspector]] で調べると [CODE(HTMLe)@en[[[img]]]]
になっていることがわかります。

[31] [[Gecko]] では [CODE(HTMLe)@en[[[image]]]] のままで、[[レンダリング]]上も [[DOM]]
上も普通の未知の [[HTML要素]]として扱われます。

* DOM 上の [CODE(HTMLe)@en[image]] 要素

[32] [[WinIE8]]、[[Opera]]、[[WebKit]] は [CODE(DOMm)@en[[[createElement]]]]
で [CODE(HTMLe)@en[[[image]]]] [[要素]]をつくろうとしても [CODE(HTMLe)@en[[[img]]]]
[[要素]]になってしまいます。[[レンダリング]]上も [CODE(HTMLe)@en[[[img]]]]
扱いになります。

;; <http://software.hixie.ch/utilities/js/live-dom-viewer/?a%0A%3Cscript%3E%0A%20%20var%20image%20%3D%20document.createElement%20('image')%3B%0A%20%20image.src%20%3D%20'image'%3B%0A%20%20document.body.appendChild%20(image)%3B%0A%3C%2Fscript%3E>

[33] [[Gecko]] では [CODE(HTMLe)@en[[[image]]]] のままで、[[レンダリング]]上も普通の未知の 
[[HTML要素]]として扱われます。

* 歴史

[FIG(data)[ [21] [[HTML要素概説]]

:[F[要素名]]:[CODE[image]]
:日付:[TIME[1992-06-24]]
:説明:
[TIME[1992-06-24]][SEE[>>43]]付の 
[[Dan Connolly]]
の
[[www-talk]]
への投稿の
[[DTD]]
[SEE[>>45]]
に、
[CODE[image]]
がある。
[SRC[>>44]]
現行仕様とは異なる。
:出典:
[REFS[

- 
[44] 
[DFN[LinksRangeDan]]:
[CITE@en[Re: Links that refer to a range of text, not just a point.]], 
[DATA(.author)[[[Dan Connolly]]]],
[TIME(.published)[Wed, 24 Jun 92 12:15:52 CDT][1992-06-24T12:15:52-06:00]],
[TIME[2003-08-04T15:50:20.000Z]], [TIME[2024-11-03T06:47:05.336Z]] <https://lists.w3.org/Archives/Public/www-talk/1992MayJun/0058.html>

]REFS]
:注釈:
-[43] 
[CODE[img]] の初出よりも古い。
-
[45] 
当時の [[Dan Connolly]] は、
[[SGML]] と [[MIME]] を活用した [[HTML]] の再構成を模索していた。
この [[DTD]] は [[HTML]] を [[SGML DTD]] として記述した2番目に古いのものだが、
その後の [[HTML DTD]] と違って当時の実際の [[HTML]] に忠実ではない。
[SRC[SW:[[HTML2]]]]

]FIG]

[34] [CITE[Document Structure – SVG 1.1 (Second Edition)]]
( ([TIME[2011-08-10 12:35:27 +09:00]] 版))
<http://www.w3.org/TR/2011/REC-SVG11-20110816/struct.html#ImageElement>

[35] [CITE[IRC logs: freenode / #whatwg / 20130529]]
( ([TIME[2013-05-30 20:48:40 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20130529#l-188>

[36] [CITE@en[''''''[''''''blink'''''']'''''' Revision 159920]]
( ([TIME[2013-10-24 19:50:16 +09:00]] 版))
<http://src.chromium.org/viewvc/blink?view=revision&revision=159920>

[FIG(quote)[
[FIGCAPTION[
[8] [CITE@en-US[Site Compatibility for Firefox 22 - Mozilla | MDN]]
([TIME[2014-05-03 01:58:20 +09:00]] 版)
<https://developer.mozilla.org/en-US/Firefox/Releases/22/Site_compatibility#HTML_elements_with_tag_names_bgsound.2C_multicol.2C_and_image_no_longer_use_the_HTMLSpanElement_inteface>
]FIGCAPTION]

> Previously, creating an HTML element with one of these tag names resulted in an HTMLSpanElement. Now <bgsound> and <multicol> are HTMLUnknownElement and <image> is HTMLElement, as per spec.

]FIG]

[FIG(quote)[
[FIGCAPTION[
[9] [CITE@ja[<image> - HTML | MDN]]
([TIME[2015-09-16 16:26:00 +09:00]] 版)
<https://developer.mozilla.org/ja/docs/Web/HTML/Element/Image>
]FIGCAPTION]

> The HTML <image> element was an experimental element designed to display pictures. It never was implemented and the standard <img> element must be used.
> Note that up to Firefox 22, though not supported, an <image> element was associated with an HTMLSpanElement. It was then fixed and is now associated with a HTMLElement as requested by the specification.

]FIG]

[11] [[Firefox]] と [[IE]] では [CODE(DOMi)@en[[[HTMLElement]]]] (のみ)
です。 [[Chrome]] では [CODE(DOMi)@en[[[HTMLUnknownElement]]]] でもあります。
[TIME[2015-09-16T07:33:14.000Z]]

;;
[REFS[
- [10] [CITE[<image>]] ([TIME[2015-09-16 16:30:52 +09:00]] 版) <http://suika.suikawiki.org/~wakaba/test/web/html/img/image-interface-1.html>
]REFS]

[FIG(quote)[
[FIGCAPTION[
[12] [CITE[Issue 305773 - chromium - createElement("image") creates an HTMLImageElement, although this hack should exist in parser only - An open-source project to help move the web forward. - Google Project Hosting]]
([TIME[2015-09-16 16:38:49 +09:00]] 版)
<https://code.google.com/p/chromium/issues/detail?id=305773>
]FIGCAPTION]

> 
> From http://www.whatwg.org/specs/web-apps/current-work/multipage/elements.html:
> "The HTMLUnknownElement interface must be used for HTML elements that are not defined by this specification (or other applicable specifications)."
> Unless I'm missing something, we should be returning an HTMLUnknownElement. Firefox returns an HTMLElement, but I think it's wrong.

]FIG]

[18] [CITE[SVG and <image> tag tricks]]
([TIME[2013-08-16 17:35:34 +09:00]] 版)
<http://lynn.ru/examples/svg/en.html>

[FIG(quote)[
[FIGCAPTION[
[19] [CITE[Acceptヘッダで判別するサーバーサイドのSVGフォールバック - 聴く耳を持たない(片方しか)]]
([TIME[2016-02-24 18:25:24 +09:00]] 版)
<http://d.hatena.ne.jp/rikuo/20151017>
]FIGCAPTION]

> ニューヨークタイムズもロゴにSVGを使っています。ただしこちらで利用しているのはこうした手法です。
> SVGの仕様に無いはずのsrc属性をimage要素に記述しているのが注目ポイントです。
> <h2 class="branding">
>   <a href="http://www.nytimes.com/">
>     <svg class="nyt-logo" width="379" height="64" role="img" aria-label="The New York Times">
>       <image width="379" height="64" 
>         xlink:href="http://a1.nyt.com/assets/homepage/20151012-175041/images/foundation/logos/nyt-logo-379x64.svg" 
>         src="http://a1.nyt.com/assets/homepage/20151012-175041/images/foundation/logos/nyt-logo-379x64.png" 
>         alt="The New York Times" border="0">
>       </image>
>     </svg>
>   </a>
> </h2>

]FIG]

[20] [CITE@ja[Sam Sneddon 🏳️‍🌈 (they/them)さんはTwitterを使っています 「@gentlevoid oddly it only seems to go as far back as 1999 in Mozilla (and doesn't exist in the 1998 Netscape code release): https://t.co/YIOm9SttPA presume it goes back further in IE, at least? @ericlaw, I hear you were just looking at IE4!」 / Twitter]]
(午前7:36 · 2021年8月27日 [TZ[+09:00]], [TIME[2021-09-08T12:19:23.000Z]])
<https://twitter.com/gsnedders/status/1431022869123903490>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)