* テスト・ケース
[117] [CITE[Index of /~wakaba/test/web/html/img]] ([TIME[2013-03-20 13:00:26 +09:00]] 版)
* 例
[39]
[PRE(HTML)[
I just returned from vacation! Here's a photo of my family at the lake:
]PRE]
[WEAK[(HTML 4 仕様書より)]]
同じことを [CODE(HTMLe)[[[object]]]] で書いた例:
[PRE(HTML)[
I just returned from vacation! Here's a photo of my family at the lake:
]PRE]
[WEAK[(HTML 4 仕様書より)]]
[49]
[PRE(HTML example)[
<[CODE(HTMLe)[[[p]]]]><[CODE(HTMLe)[[[img]]]] [CODE(HTMLa)[[[src]]]]="[CODE(URI)[/images/logo]]" [CODE(HTMLe)[[[alt]]]]="WHATWG, "><[CODE(HTMLe)[[[span]]]] [CODE(HTMLa)[[[class]]]]="date">Friday, January 28th 2005[CODE(HTMLe)[[[span]]]]>[CODE(HTMLe)[[[p]]]]>
]PRE]
出典: [CITE[Web Hypertext Application Technology Working Group]]
(2005年1月付け)
[51] >>46 の例
>
[PRE(HTML deprecated example code)[
<[CODE(HTMLe)[script]] [CODE(HTMLa)[type]]="[CODE(MIME)[text/javascript]]">
[CODE(comment)[]]
[CODE(HTMLe)[script]]>
]PRE]
出典: [CITE[WEB相談室]]
(2005年4月現在)
この例では、[[照会]]に [[Referer]] [[URI]]
を入れた [[URI]] を [CODE(HTMLa)[[[src]]]] とする高さ1画素、
幅1画素の[Q[隠し]]画像を [CODE(HTMLe)[[[script]]]]
により埋め込んでいます。
[72]
[PRE(HTML invalid example code)[
]PRE]
[73]
[PRE(HTML invalid example code)[
]PRE]
;; [CITE@en-us[About Conditional Comments]] ([CODE[2007-01-08 14:42:10 +09:00]] 版)
([[名無しさん]] [WEAK[2007-01-08 05:46:11 +00:00]])
[[#comment]]
** メモ
[25] [CODE(HTML)[img]] 要素ってそもそも SGML 的には (面倒だけど)
[[外部非解析対象実体]]として存在するべきだよね。今更もうどうにもならないけど。
[37] >>25 実際そうする案もありましたが、面倒なので相手にされませんでした。
[44]
[CITE[ImCat in pixels]]
こんなのありかよ! ひでー。
[[WinIE 6]] では表示できなかったけど [[Gecko]] は OK。
([CODE(URI)[[[javascript]]:]] scheme を使って [[XBM]] のデータを値として返している。)
([[名無しさん]] [WEAK[2005-02-14 00:25:27 +00:00]])
[56]
[[行内画像]]は[[文字]]をあらわすために使うこともできます。
;;
([[名無しさん]] [sage])
[58]
[CODE(HTMLe)@en[[[img]]]][[要素型]]の設計は[[GSML]]的に見ても好ましくないという人もいますが、実際はそうでもありません。
>>25,>>37 にある通り、[[URI]]の代わりに[[非解析対象実体]]を使えば、まさに典型的な[[SGML]]的表現になります。
[[文書型定義]]内に:
[PRE(SGML example code)[
http://example.com/image"
NDATA cgm>
]PRE]
[[文書実現値]]に:
[PRE(SGML example code)[
]PRE]
[83]
[CITE@en-gb[Juicy Studio: The HTML 5 Image Element]] ([CODE[2007-09-08 09:16:22 +09:00]] 版)
([[名無しさん]])
[84]
[CITE@en[Web Accessibility Best Practices: Text Equivalents Overview]] ([CODE[2007-09-09 12:03:04 +09:00]] 版)
([[名無しさん]])
[85]
[CITE[Re: element comments]] ([[Ian Hickson ]] 著, [CODE[2007-08-15 10:48:42 +09:00]] 版)
([[名無しさん]])
[86]
[CITE[Re: element comments]] ([[Ian Hickson ]] 著, [TIME[2007-10-12 22:55:46 +09:00]] 版)
[89] [CITE[画像周りの速度メモ - 8時40分が超えられない - subtech]] ([TIME[2009-03-31 08:42:28 +09:00]] 版)
[90] [CITE[IRC logs: freenode / #whatwg / 20090520]]
([TIME[2009-08-16 23:10:06 +09:00]] 版)
[91] [CITE@en[Why do we have an IMG element? '''['''dive into mark''']''']]
([TIME[2009-12-27 17:56:23 +09:00]] 版)
[92] [CITE['''['''whatwg''']''' An API to resize and rotate images client-side]]
([TIME[2010-07-27 10:44:07 +09:00]] 版)
[93] [CITE@en[Web Applications 1.0 r5639 Revamp how loading works.Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=9895]]
( ([TIME[2010-10-19 09:09:00 +09:00]] 版))
[94] [CITE[Windows版「Safari」は縮小画像の表示がとてもきれい - Imamuraの日記]]
([TIME[2010-12-25 00:30:12 +09:00]] 版)
[95] [CITE[''''''[''''''whatwg'''''']'''''' element "img" with HTTP POST method]]
( ([TIME[2011-04-29 19:05:33 +09:00]] 版))
[96] [CITE[IRC logs: freenode / #whatwg / 20110524]]
( ([TIME[2011-05-25 22:10:53 +09:00]] 版))
[98] [CITE@en[Web Applications 1.0 r6917 Make sure elements don't disappear while loading an image.]]
( ([TIME[2012-01-26 08:06:00 +09:00]] 版))
[99] [CITE[''''''[''''''whatwg'''''']'''''' Detached elements and delaying the load event]]
( ([TIME[2012-01-26 08:50:45 +09:00]] 版))
[100] [CITE[IRC logs: freenode / #whatwg / 20120323]]
( ([TIME[2012-04-07 14:49:27 +09:00]] 版))
[101] [CITE[''''''[''''''whatwg'''''']'''''' Add "naturalOrientation" property to ]]
( ([TIME[2012-05-09 07:31:00 +09:00]] 版))
[102] [CITE[IRC logs: freenode / #whatwg / 20120509]]
( ([TIME[2012-05-12 22:42:59 +09:00]] 版))
[103] [CITE[IRC logs: freenode / #whatwg / 20120510]]
( ([TIME[2012-05-13 13:47:55 +09:00]] 版))
[104] [CITE['''['''whatwg''']''' Features for responsive Web design]]
([TIME[2012-05-15 16:28:58 +09:00]] 版)
[105] [CITE[IRC logs: freenode / #whatwg / 20120512]]
( ([TIME[2012-05-17 22:15:07 +09:00]] 版))
[106] [CITE[Images - W3C Wiki]]
( ([TIME[2012-05-21 19:38:14 +09:00]] 版))
[107] [CITE[''''''[''''''whatwg'''''']'''''' Features for responsive Web design]]
( ([TIME[2012-05-30 07:40:53 +09:00]] 版))
[108] [CITE@en[Re: the market hasn't spoken - it hasn't bothered to listened ''''''[''''''was Re: fear of "invisible metadata"'''''']'''''']]
( ([[Maciej Stachowiak]] 著, [TIME[2007-06-26 16:00:59 +09:00]] 版))
[109] [CITE[IRC logs: freenode / #whatwg / 20120519]]
( ([TIME[2012-06-01 20:32:08 +09:00]] 版))
[110] [CITE[''''''[''''''whatwg'''''']'''''' toDataURL() for image/video?]]
( ([TIME[2012-06-16 11:42:35 +09:00]] 版))
[111] [CITE@en[Firefox 14 for developers - MDN]]
( ([TIME[2012-06-27 06:03:26 +09:00]] 版))
[112] [CITE[Picture Element Proposal - Responsive Images Community Group]]
( ([TIME[2012-06-30 03:19:41 +09:00]] 版))
[113] [CITE[''''''[''''''whatwg'''''']'''''' ProgressEvents for Images]]
( ([TIME[2013-01-04 10:42:26 +09:00]] 版))
[114] [CITE[WWW-Talk Apr-Jun 1993: Re: HTML DTD]]
( ([TIME[2013-03-05 12:56:57 +09:00]] 版))