[17]

image は、画像を表す HTML要素です。現在では構文解析時点で img 要素に読み替えられることになっています。

HTML+ の `image` 要素

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

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

[38]

HTML要素概説

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

HTML文書の `image` 要素

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

[40]

HTML要素概説

要素名: image
日付: 1994
説明: ほとんどのWebブラウザーは image を 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操作でも image を img と読み替えられていた。また、 image を使った HTML文書も多数存在していた。
出典: <image>

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

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

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

[39] >>22

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 で image と img を同義として定義しています。ただし出典は示されていないので、実際の挙動に基づくものかどうかは不明です。

[2] securecat の日記 (3946) http://slashdot.jp/journal.pl?op=display&uid=3946&id=136315
- 移転確認 2021-09-09T01:50:20.00Z
- image要素 | securecatの日記 | スラド, securecat, 2003年06月23日 23時52分, 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 は内部的に img 要素型として扱っているらしい。

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

[6] >>5

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

[41] Web Workshop - Frequently Asked Questions About HTML Coding for Internet Explorer, Microsoft Corporation, 2024-09-26T15:22:53.000Z, 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:
<A HREF="some.htm"><IMG
SOURCE="some.gif"> </A>
It will also happen if the anchor is split across two lines, like this:
<A HREF="some.long.URL.htm"
TARGET="_top"><IMG SRC="some.gif">
</A>

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

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

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

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

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

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

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

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

<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>

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

			<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>

XML 文書の `image` 要素

[30] Opera と WebKit は XML でも http://www.w3.org/1999/xhtml 名前空間の image 要素は DOM 上で img 要素になってしまいます。レンダリング上も 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 ではボタンを押すと img と表示されます。 WebKit ではなぜか contentWindow.document が undefined になりますが、Web Inspector で調べると img になっていることがわかります。

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

歴史

[21]

HTML要素概説

要素名

image

日付

1992-06-24

説明

1992-06-24

>>43

付の Dan Connolly の www-talk への投稿の DTD

>>45

に、 image がある。

>>44

現行仕様とは異なる。

出典

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

注釈

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

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

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

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

[8]

Site Compatibility for Firefox 22 - Mozilla | MDN (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

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.

[9]

<image> - HTML | MDN (2015-09-16 16:26:00 +09:00 版) https://developer.mozilla.org/ja/docs/Web/HTML/Element/Image

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.

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

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

[12]

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 (2015-09-16 16:38:49 +09:00 版) https://code.google.com/p/chromium/issues/detail?id=305773

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.

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

[19]

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

ニューヨークタイムズもロゴに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>

[20] 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日 +09:00, 2021-09-08T12:19:23.000Z) https://twitter.com/gsnedders/status/1431022869123903490

HTML+ の image 要素

HTML文書の image 要素

XML 文書の image 要素

DOM 上の image 要素

歴史

HTML+ の `image` 要素

HTML文書の `image` 要素

XML 文書の `image` 要素

DOM 上の `image` 要素