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