image

image 要素 (HTML)

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

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

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

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

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

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

[15] AHLWebExplorerDTDimageimg を同義として定義しています。ただし出典は示されていないので、 実際の挙動に基づくものかどうかは不明です。

[5] えすともほめぱげ - 日記(2004-03-16) image要素 <http://s-tomo.sakura.ne.jp/tdiary/?date=20040316#p01>

[6] >>5

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

[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要素として扱われます。

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