[17] image
は、画像を表す HTML要素です。
現在では構文解析時点で img
要素に読み替えられることになっています。
本項は歴史的事項を説明しています。本項の内容の一部または全部は、現在の状況とは異なるかもしれません。
(なお本項の内容の一部または全部は、互換性または歴史的連続性のために現在も有効な場合もあります。しかし新たに利用することは避けるべきです。)
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月の間に) 決めたのでしょう。
image
要素#✎[14] いつ実装され始めたのかは定かではありません。
image
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文書も多数存在していた。[37] NCSA Mosaic には実装されていないように見えます。
従って image
要素よりも
img
要素 (1993年2月提案、3月実装)
の方が先に実装されていた可能性が高いです。
[13] Netscape Navigator に実装されたのが最初とも言われています。
[22] Img, , http://www.blooberry.com/indexdot/html/tagpages/i/image.htm
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
を同義として定義しています。ただし出典は示されていないので、
実際の挙動に基づくものかどうかは不明です。
<image>という、Another HTML-lint的には「HTML+またはWebExplorer用」とされるタグがあるのだが、なんか、IE6でもMozilla1.3.1でも、あたかも<img>タグでマークアップされているかのようにというか、それとまったく同等のレンダリングをするんですけど。
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>
[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>
image
要素#✎[30] Opera と WebKit は XML でも http://www.w3.org/1999/xhtml
名前空間の image
要素は DOM 上で
img
要素になってしまいます。レンダリング上も
img
扱いになります。
img
と表示されます。
WebKit ではなぜか contentWindow.document
が undefined
になりますが、Web Inspector で調べると img
になっていることがわかります。[31] Gecko では image
のままで、レンダリング上も DOM
上も普通の未知の HTML要素として扱われます。
image
要素#✎[32] WinIE8、Opera、WebKit は createElement
で image
要素をつくろうとしても img
要素になってしまいます。レンダリング上も img
扱いになります。
[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
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.
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
でもあります。
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
ニューヨークタイムズもロゴに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