image

image 要素 (HTML)

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

HTML+ の image 要素

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

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

[38] HTML要素概説
要素名
image
日付
説明
HTML+image がある。 img と違って内容を持ち、alt 属性に当たる。 HTML+19931028
参照
alt
参照
fig

HTML文書の image 要素

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

[40] HTML要素概説
要素名
image
日付
説明
ほとんどのWebブラウザーimageimg の同義とする。 起源は不明だが、少なくても 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操作でも imageimg と読み替えられていた。 また、 image を使った HTML文書も多数存在していた。
出典
<image>

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

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

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

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

[6] >>5

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

[41] Web Workshop - Frequently Asked Questions About HTML Coding for Internet Explorer, Microsoft Corporation, , 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] はなさんのページ ( 版) 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] OperaWebKitXML でも http://www.w3.org/1999/xhtml 名前空間image 要素DOM 上で img 要素になってしまいます。レンダリング上も img 扱いになります。

Opera ではボタンを押すと img と表示されます。 WebKit ではなぜか contentWindow.documentundefined になりますが、Web Inspector で調べると img になっていることがわかります。

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

DOM 上の image 要素

[32] WinIE8OperaWebKitcreateElementimage 要素をつくろうとしても img 要素になってしまいます。レンダリング上も img 扱いになります。

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

歴史

[21] HTML要素概説
要素名
image
日付
説明
>>43付の Dan Connollywww-talk への投稿の DTD >>45 に、 image がある。 >>44 現行仕様とは異なる。
出典
注釈

[34] Document Structure – SVG 1.1 (Second Edition) ( ( 版)) http://www.w3.org/TR/2011/REC-SVG11-20110816/struct.html#ImageElement

[35] IRC logs: freenode / #whatwg / 20130529 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130529#l-188

[36] [blink] Revision 159920 ( ( 版)) http://src.chromium.org/viewvc/blink?view=revision&revision=159920

[8] Site Compatibility for Firefox 22 - Mozilla | MDN ( 版) 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 ( 版) 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] FirefoxIE では HTMLElement (のみ) です。 Chrome では HTMLUnknownElement でもあります。

[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 ( 版) 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 ( 版) http://lynn.ru/examples/svg/en.html

[19] Acceptヘッダで判別するサーバーサイドのSVGフォールバック - 聴く耳を持たない(片方しか) ( 版) 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日 , ) https://twitter.com/gsnedders/status/1431022869123903490