/[suikacvs]/test/sw/ids/0/150.txt
Suika

Contents of /test/sw/ids/0/150.txt

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1.1 - (hide annotations) (download)
Mon Nov 10 09:37:13 2008 UTC (16 years, 7 months ago) by wakaba
Branch: MAIN
CVS Tags: HEAD
File MIME type: text/plain
converted from SuikaWiki3 <http://suika.fam.cx/gate/cvs/suikawiki/wikidata/page/737263.txt>

1 wakaba 1.1
2     [1] [[HTML]] 系マーク付け言語では一般に、
3     [[埋込みリンク]]要素でリンクされる (埋め込まれる) 資源の [[URI参照]]を書く属性です。
4    
5     [2] >>1 HTML の要素で [CODE(HTMLa)[src]] 属性を持つものの例としては、
6     [CODE(HTMLe)[[[img]]]], [CODE(HTMLe)[[[embed]]]], [CODE(HTMLe)[[[input]]]],
7     [CODE(HTMLe)[[[script]]]], [CODE(HTMLe)[[[audio]]]], [CODE(HTMLe)[[[video]]]],
8     [CODE(HTMLe)[[[frame]]]], [CODE(HTMLe)[[[iframe]]]] などがあります。
9    
10     [[#comment]]
11    
12    
13     * img 要素 src 属性 (HTML, XHTML 1)
14    
15     [4] [[HTML]] の [CODE(HTMLe)[[[img]]]] 要素の [DFN[[CODE(HTMLa)[src]] 属性]]は、
16     画像資源の位置を指定します。
17    
18     [5] 仕様書:
19     - [[HTML 4]]
20     -- [CODE(HTMLe)[img]] 要素 [CODE(HTMLa)[src]] 属性
21     <IW:HTML4:"struct/objects.html#adef-src-IMG">
22     -- [HTML4CDATA] [CSECTION[6.2 SGML basic types]]
23     <IW:HTML4:"types.html#type-cdata">
24    
25     [[#comment]]
26    
27    
28     ** 属性値
29    
30     [6] この属性値の値は [CODE(SGML)[%[[URI]]]] です。
31     [[SGML]] 的には [CODE(SGML)[[[CDATA]]]] です。
32    
33     [48] 稀に、 URI 参照の前後に[[改行]]が含まれていることがあります。
34     HTML 4 によれば、 UA は [CODE(SGML)[CDATA]]
35     属性値の前後の[[空白]]を無視しても構いません [SRC[HTML4CDATA]]。
36     主要な Web ブラウザは無視するようですが、
37     無視しない利用者エージェントもあります。
38     HTML 4 は属性値の前後に空白を入れるべきではないとしています。
39    
40     [7] この属性は必須です。
41    
42     [[#comment]]
43    
44    
45     ** Mozilla の内部画像
46    
47     [8] [CODE(HTMLa)[src]] 属性の値は本来 URI 参照ですが、 [[mosaic]] 系 UA
48     の中には特定の値を指定すると内部組込みの特定の画像を表示することがあります。
49    
50     [9] 存在が知られている組込み画像
51     ,[CODE(HTMLa)[src]]
52     ,[CODE[internal-gopher-menu]]
53     ,[CODE[internal-gopher-sound]]
54     ,[CODE[internal-gopher-movie]]
55     ,[CODE[internal-gopher-telnet]]
56     ,[CODE[internal-gopher-text]]
57     ,[CODE[internal-gopher-audio]]
58     ,[CODE[internal-gopher-binary]]
59     ,[CODE[internal-gopher-find]]
60     ,[CODE[internal-gopher-image]]
61     ,[CODE[internal-gopher-index]]
62    
63     [10] [[相対URI]] と区別できないのであんまりよくないと思いますが。。。
64    
65     [[#comment]]
66    
67    
68     *** 実装
69    
70     [31] [[NC]] 4.01 で [CODE[internal-gopher-audio]] と
71     [CODE[internal-gopher-find]] が表示できないみたい。
72    
73     [11] [[Gecko]] な [[Mozilla]] では [[NN]]4 以前より表示できる数が少ないようです。
74     特に、 [[Netscape]] 6 くらいの古い Gecko Mozilla ではどれも表示できません。
75     (ということは、わざわざその後復元されたということです。)
76    
77     [CODE(URI)[[[resource:]]///res/html/gopher-[VAR[*]].gif]]
78     が使われているみたいです。
79    
80     [23] >>11 勝手にファイルを追加したも反映はされないみたいです。
81    
82     [13] >>12 によれば [[IBM]] の [[WebExplorer]] も一部対応しているそうです。
83     また、 WebExplorer には [CODE(HTMLa)[[[internal]]]]
84     属性があって、こちらに組込み画像名を指定する方法も使えるそうです。
85    
86     [[#comment]]
87    
88    
89     *** 歴史
90    
91     [16] 由来は [[Mosaic]] までさかのぼります:
92     ''"internal-gopher-image"?!?''
93     <http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q4.messages/819.html>
94    
95     [[#comment]]
96    
97    
98     ** 不思議解釈
99    
100     [51] ([CODE(HTMLe)[[[img]]]] 要素について)
101    
102     > 画像を表示させるタグです。画像には「jpg(jpeg)」「gif」「png」
103     があります。拡張子も記載しないと表示されません。オンマウス
104     (マウスを画像の上に乗せること)で説明文を表示させたい場合は
105     「alt属性」を記載します。
106    
107     出典:
108     [CITE[画像/アオゾラウェブデザイン[Aozora Web Design][HTMLタグ/tag]]]
109     <http://www.aozoraweb.com/design/html/image.shtml>
110     (2005年4月現在)
111    
112     [[拡張子]]がないと不都合が出る[[利用者エージェント]]が存在することは疑いないが、
113     文脈的に著者がそこまで配慮してこの引用文を書いたとは思えない。
114     不思議解説者はこのように脳内の妄想をさも真理であるかのように書くのだ。
115    
116     [[#comment]]
117    
118    
119     *** 参考文献
120    
121     - [12] ''Browser-interne Ressourcen'' <http://www.meb.uni-bonn.de/html_tutorial/intgraf.htm#a2>
122     - [14] 無題
123     <http://www.cs.vu.nl/~eliens/documents/javascript/img/internal_images.html>
124    
125     [[#comment]]
126    
127    
128     *** メモ
129    
130     [15] ところでなぜだかわかりませんが、
131     この隠し機能を説明している文書はほとんどが非英語の欧州語です。なぜでしょ。
132    
133     [20] [[Mozilla]] で、 [[CSS]] で
134     [SAMP(CSS)[background-image: url(internal-gopher-text)]]
135     とかしてみたけど流石に駄目でした。
136    
137     [55]
138     [CITE[EMail Msg <9307040959.AA09910@wintermute.ncsa.uiuc.edu>]] ([CODE[2007-07-01 04:37:40 +09:00]] 版) <http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q3.messages/43.html>
139     ([[名無しさん]])
140    
141     [[#comment]]
142    
143    
144     ** 安全性
145    
146     [49] [CODE(HTMLe)[[[img]]]] 要素型の安全性の項もご覧下さい。
147    
148     [[#comment]]
149    
150    
151     ** メモ
152    
153     [[#comment]]
154    
155    
156     * input 要素 src 属性 (HTML, XHTML 1)
157    
158     [3] [[HTML]] の [CODE(HTMLe)[[[input]]]] 要素の
159     [DFN[[CODE(HTMLa)[src]] 属性]]は、
160     図形的提出ボタンを飾る画像を指定します。
161    
162     この属性は、 [CODE(HTMLa)[[[type]]]] 属性が [CODE(HTML)[[[image]]]]
163     の時使えます。
164    
165     [40] 仕様書:
166     - [[HTML 4]]
167     -- [CODE(HTMLe)[input]] 要素 [CODE(HTMLa)[src]] 属性
168     <IW:HTML4:"interact/forms.html#adef-src">
169    
170     [50]
171     HTML 4 DTD の[[注釈]] (参考) には
172     [Q[for fields with images]] と説明があります。
173     ([[名無しさん]] [sage])
174    
175     [[#comment]]
176    
177    
178     ** 属性値
179    
180     [41] この属性の値は [CODE(SGML)[%[[URI]]]] です。
181     [[SGML]] 的には [CODE(SGML)[[[CDATA]]]] です。
182    
183     [42] この属性は省略可能です。
184    
185     [[#comment]]
186    
187    
188     ** メモ
189    
190     [43] [CODE(HTML)[[[image]]]] 制御子の説明もご覧ください。
191    
192     [[#comment]]
193    
194    
195     * frame 要素、iframe 要素 src 属性 (HTML, XHTML 1)
196    
197     [32] [[HTML]] の [CODE(HTMLe)[[[frame]]]] 要素・
198     [CODE(HTMLe)[[[iframe]]]] 要素の
199     [DFN[[CODE(HTMLa)[src]] 属性]]は、そのフレームの初期内容の場所を指定します。
200    
201     [33] 仕様書:
202     - [[HTML 4]]
203     -- [CODE(HTMLe)[frame]] 要素 [CODE(HTMLa)[src]] 属性
204     <IW:HTML4:"present/frames.html#adef-src-FRAME">
205     -- Setting the initial contents of a frame
206     <IW:HTML4:"present/frames.html#idx-frame-3">
207    
208     [[#comment]]
209    
210    
211     ** 属性値
212    
213     [34] この属性の値は [CODE(SGML)[%[[URI]]]] です。
214     [[SGML]] 的には [CODE(SGML)[[[CDATA]]]] です。
215    
216     [38]
217     但し、フレームの定義と同じ文書の内容を参照することはできません
218     [SRC[HTML 4 16.2.2.1]]。
219    
220     仕様書の例 (>>37) は [CODE(HTMLe)[noframes]] にある要素を参照していますが、
221     自分自身 (フレーム集合文書) そのものを指すことも当然できないのでしょう。
222    
223     [35] この属性は省略可能です。
224    
225     [[#comment]]
226    
227    
228     ** 応用
229    
230     [39]
231     >>38 より、実装は直接再帰状態を扱う必要がありません。
232     しかし、間接的に再帰状態なのは陽に禁止されてはいません。
233     (意味が無いのでするべきではないでしょう。)
234    
235     直接にせよ間接にせよ、実装は自分自身を参照していないかチェックするべきでしょう。
236     (しかし必死でレンダリングを繰り返す哀れなブラウザも少なくないのが事実です。)
237    
238     [[#comment]]
239    
240    
241     ** 例
242    
243     [36] 4つのフレームがあるフレーム集合文書の例 [SRC[HTML 4 16.2.2.1]]
244     [PRE(HTML)[
245     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
246     "http://www.w3.org/TR/html4/frameset.dtd">
247     <HTML>
248     <HEAD>
249     <TITLE>A frameset document</TITLE>
250     </HEAD>
251     <FRAMESET cols="33%,33%,33%">
252     <FRAMESET rows="*,200">
253     <FRAME src="contents_of_frame1.html">
254     <FRAME src="contents_of_frame2.gif">
255     </FRAMESET>
256     <FRAME src="contents_of_frame3.html">
257     <FRAME src="contents_of_frame4.html">
258     </FRAMESET>
259     </HTML>
260     ]PRE]
261    
262     レンダリング例:
263     [PRE[
264     ------------------------------------------
265     |Frame 1 |Frame 3 |Frame 4 |
266     | | | |
267     | | | |
268     | | | |
269     | | | |
270     | | | |
271     | | | |
272     | | | |
273     -------------| | |
274     |Frame 2 | | |
275     | | | |
276     | | | |
277     ------------------------------------------
278     ]PRE]
279    
280     それぞれのフレームに [CODE(HTMLa)[src]] で指定された[[資源]]をレンダリングしたのが初期状態です。
281    
282     [37] 同じ文書を参照する'''違法'''な例 [SRC[HTML 4 16.2.2.1、改]]
283     [PRE(HTML)[
284     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
285     "http://www.w3.org/TR/html4/frameset.dtd">
286     <HTML>
287     <HEAD>
288     <TITLE>A frameset document</TITLE>
289     </HEAD>
290     <FRAMESET cols="50%,50%">
291     <FRAME src="contents_of_frame1.html">
292     <FRAME src="#ANCHOR_IN_SAME_DOCUMENT">
293     <NOFRAMES>
294     ...some text...
295     <H2><A name="ANCHOR_IN_SAME_DOCUMENT">Important section</A></H2>
296     ...some text...
297     </NOFRAMES>
298     </FRAMESET>
299     </HTML>
300     ]PRE]
301    
302     この例では、2つ目の [CODE(HTMLe)[frame]] で[[素片識別子]]だけの
303     [[URI参照]]を指定しています。つまり、 [CODE(HTMLe)[[[noframes]]]]
304     要素内にある、指定された名前の [CODE(HTMLe)[a]]
305     要素を参照しているのですが、このような指定は'''違法'''とされています。
306    
307     [[#comment]]
308    
309    
310     ** メモ
311    
312     [[#comment]]
313    
314    
315     * script 要素 src 属性 (HTML, XHTML 1)
316    
317     [44] [[HTML]] の [CODE(HTMLe)[[[script]]]] 要素の [DFN[[CODE(HTMLa)[src]] 属性]]は、
318     外部[[スクリプト]]の位置を指定します。
319    
320     [45] 仕様書:
321     - [[HTML 4]]
322     -- [CITE[18.2.1 The [CODE(HTMLe)[SCRIPT]] element]]
323     <IW:HTML4:"interact/scripts.html#edef-SCRIPT">
324     -- [CODE(HTMLe)[script]] 要素 [CODE(HTMLa)[src]] 属性
325     <IW:HTML4:"interact/scripts.html#adef-src-SCRIPT">
326    
327     [[#comment]]
328    
329    
330     ** 属性値
331    
332     [46] この属性の値は [CODE(SGML)[%[[URI]]]] です。
333     [[SGML]] 的には [CODE(SGML)[[[CDATA]]]] です。
334    
335     普通は[[素片識別子]]は使いませんが、
336     [[スクリプト言語]]によっては使い道があるかもしれません。
337     少なくても使ってはいけない理由はないでしょう。
338    
339     使用実績のある [[scheme]] は、 [CODE(URI)[[[http]]:]], [CODE(URI)[[[https]]:]]
340     くらいでしょうか。探せば [CODE(URI)[[[ftp]]:]], [CODE(URI)[[[cid]]:]]
341     もあるかもしれませんし、ブラウザは実装していそうです。
342     [CODE(URI)[[[chrome]]:]] や [CODE(URI)[[[resource]]:]] など
343     UA 依存の特殊な scheme に対応しているものもあるでしょう。
344    
345     [47] この属性は省略可能です。省略すると [CODE(HTMLe)[script]]
346     要素の内容がスクリプトとみなされます。逆に指定すると内容は無視されます。
347     [SRC[HTML 4 18.2.1]]
348    
349     [CODE(HTMLa)[src]] 属性を省略して、内容は空であるとしても、 HTML
350     的には空のスクリプトであるというだけで問題ないはずです。
351     しかし、スクリプト言語によっては、
352     まったくの空ではいけないというものももしかするとあるかもしれません。
353     普通は空でも何も行われないだけです。ただ、
354     空なら既定の動作をするという変なスクリプト言語もあるかもしれません。
355    
356     [[#comment]]
357    
358    
359     ** 実装
360    
361     [21] [CODE(HTMLa)[src]] 属性に対応しているのは [[NN]] 3.0 以降だそうです。
362    
363     [52]
364     >>21 つまり [[Netscape Navigator]] 2 では [CODE(HTMLa)@en[src]]
365     を指定しても[[内容]]を実行してしまいます。
366     これを使って版で動作を分けるという方法が使われたこともありました。
367     ([[名無しさん]] [sage])
368    
369     [53]
370     [[Netscape Navigator 3]]で導入されました。
371    
372     ;; [CITE[Welcome to Netscape Navigator 3.03]] <http://wp.netscape.com/eng/mozilla/3.0/relnotes/windows-3.03.html#JavaScript>
373    
374     この当時は、[CODE(HTMLa)@en[[[language]]]]または[CODE(HTMLa)@en[[[src]]]]のいずれかが指定されていなければならず、[CODE(HTMLa)@en[[[src]]]]が指定されている時[CODE(HTMLa)@en[[[language]]]]はあってもなくてもよいとされていました。
375    
376     また、[CODE(HTMLa)@en[[[src]]]]の指定する[[資源]]については、[[JavaScript]]であることを示すために[[媒体型]][CODE(MIME)@en[[[application/x-javascript]]]]と[[札付け]]しなければならないとされています。
377    
378     ([[名無しさん]] [sage])
379    
380     [[#comment]]
381    
382    
383     ** メモ
384    
385     [54]
386     [[素片識別子]]を[[スクリプト]]に[[引数]]を与えるために使おうとする人がいます。
387     ([[名無しさん]] [WEAK[2006-08-08 11:51:19 +00:00]])
388    
389     [[#comment]]
390    
391    
392     * メモ
393    
394     [56]
395     [CITE@en-us[Sprinkle Javascript library by Jon Davis]] ([CODE[2007-09-14 15:50:15 +09:00]] 版) <http://home.sprinklejs.com:880/>
396     ([[名無しさん]])
397    
398     [57]
399     [CITE[SSIならぬクライアントサイドインクルード(CSI)を実現できる「sprinkle.js」:phpspot開発日誌]] ([CODE[2007-09-23 18:21:15 +09:00]] 版) <http://phpspot.org/blog/archives/2007/09/ssicsisprinklej.html>
400     ([[名無しさん]])
401    
402     [58]
403     [CITE@ja[div 要素に src 属性はちょっと、、 | WWW WATCH]] ([TIME[2007-09-23 18:15:39 +09:00]] 版) <http://hyper-text.org/archives/2007/09/sprinkle_js.shtml>
404     ([[名無しさん]])
405    

admin@suikawiki.org
ViewVC Help
Powered by ViewVC 1.1.24