Edit

Page

Page title:

Page body:

[PREAMBLE[
[FIG(important)[
[6] 本項で紹介する [[RFC 1980]] は [[RFC 2854]] によって廃止されました。
[[RFC 1980]] で定義された機能は、 [[HTML4]]、[[HTML5]] を経て現在では
[[HTML Standard]] によって定義されています。
]FIG]

[1] rfc-index によればこの RFC の状態は HISTRIC です。

[3] この RFC は [[RFC 2854]] により廃止されました。

[REFS[
- [4] [CITE@en[RFC 1980 - A Proposed Extension to HTML : Client-Side Image Maps]] ([CODE[2007-01-14 02:07:02 +09:00]] 版) <https://tools.ietf.org/html/rfc1980>
]REFS]
]PREAMBLE]

'''A Proposed Extension to HTML : Client-Side Image Maps [INS[HTML の拡張の提案: __&&client&&__側__&&image map&&__]]'''
- Network Working Group                                         
- Request for Comments: 1980                                
- Category: Informational                                      
- J. Seidman
- Spyglass, Inc.
- August 1996

* Status of this Memo

> This memo provides information for the Internet community.  This memo
does not specify an Internet standard of any kind.  Distribution of
this memo is unlimited.

* Abstract

> The markup language known as "HTML/2.0" provides for image maps.
Image maps are document elements which allow clicking different areas
of an image to reference different network resources, as specified by
Uniform Identifier (URIs).  The image map capability in HTML/2.0 is
limited in several ways, such as the restriction that it only works
with documents served via the "HTTP" protocol, and the lack of a
viable fallback for users of text-only browsers.  This document
specifies an extension to the HTML language, referred to as "Client-
Side Image Maps," which resolves these limitations.

「HTML/2.0」という__&&markup&&__言語は__&&image map&&__を提供します。
__&&image map&&__は画像の異なる領域を__&&clickする&&__ことで、統一識別子
(URI) で指定された異なるネットワーク資源を参照することを可能にする文書要素です。
HTML/2.0 の__&&image map&&__能力はいくつかの方法に限られていて、
「HTTP」__&&protocol&&__を通して供給された文書においてのみ機能するという制限や、__&&text&&__のみの__&&browser&&__の利用者には使用できないという問題があります。
この文書は、こうした制限を解決する、「__&&client&&__側__&&image map&&__という
HTML 言語への拡張を規定します。

* Table of Contents

= Introduction ...............................................  1
== Purpose ...............................................  1
== Overall Operation .....................................  2
= Client-Side Image Map Extension ............................  2
== Syntax ................................................  2
== Required Changes to HTML/2.0 DTD ......................  4
== Backwards Compatibility ...............................  5
== Examples ..............................................  5
= Security Considerations ....................................  6
= References .................................................  6
= Author's Address ...........................................  7

* 1. Introduction

** 1.1  Purpose

> Image maps are an important feature of the point-and-click interface
which makes the World Wide Web so popular. The most common use of
image maps is to allow users to access different documents by
clicking different areas in an image.
__&&image map&&__は、 World Wide Web 
の人気の[RUBY[理由] [わけ]]である[RUBYB[指して押す] [point-and-click]]__&&interface&&__の重要な機能の1つです。
__&&image map&&__の一番よくある使い方は、利用者が画像の異なる部分を__&&clickする&&__ことで異なる文書に接続させるというものです。

> There are several limitations of the current image map implementation
as it applies to this use. First, it only works over the HTTP
protocol, making it unusable for reading local files or files
accessed via alternate protocols. Second, a server transaction is
required merely to determine where the link is directed. This can
degrade performance noticeably when accessing distant sites. Third,
unlike for normal links, there is no way for a browser to provide
visual feedback to the user showing where a portion of an image map
leads before the user actually clicks it. Lastly, the method for
specifying the active regions of image maps is server-dependent,
compromising portability of documents.  This extension to support
client-side image maps addresses these issues.

この用途に使われる時に、現在の__&&image map&&__の実装には幾つかの制限があります。
一つ目は、 HTTP __&&protocol&&__上でしか機能せず、__&&local&&__な__&&file&&__や代替__&&protocol&&__を通して接続した__&&file&&__を読む時には使用できない点です。
二つ目は、単に__&&link&&__先を決定するためだけにサーバーと通信が必要な点です。
遠隔__&&site&&__に接続する時に特に目立って効率が落ちます。
三つ目は、通常の__&&link&&__とは異なり、利用者が実際に__&&image map&&__の部分を__&&clickする&&__前に、これがどこへ誘導するのかを__&&browser&&__が利用者に視覚的に知らせる方法が無いことです。
最後は、__&&image map&&__の活性域を指定する方法がサーバー依存な点で、文書の可搬性を低下させます。
__&&client&&__側__&&image map&&__に対応するこの拡張は、これらの問題に触れます。

> It is proposed that this extension be included in a future revision
of the HTML specification.

この拡張を将来の版の HTML 仕様書に取り入れることを提案します。

** 1.2  Overall Operation [INS[概観]]

> Client-side image maps work by placing a complete representation of
the active areas of an image, including their shape, size, and
destination (URI), into an SGML-compliant textual form.  This markup
may also optionally include a textual description for each area for
display on non-textual browsers.  This representation, or "map," is
given a name to identify it.
__&&client&&__側__&&image map&&__は、画像の活性域の完全な表現を、その形,
大きさ, 終点 (URI) を含めて SGML に適合する文字列形式で配置することで機能します。
この__&&markup&&__は、非文章的な__&&browser&&__で表示される各領域の文章的な説明も含めることが出来ます。
この表現, すなわち__&&(image)map&&__には、これを識別する名前を与えます。

> When an image is included in an HTML document, it may include an
attribute specifying a map to use.  The map may be contained in the
same file which references the image, but this it not required.  If
the map is in a different file, a URI to that file must be provided.

画像が HTML 文書中に含まれている時、使用する__&&(image)map&&__を指定する属性を含めることが出来ます。
__&&(image)map&&__は画像を参照しているのと同じ__&&file&&__に含まれていても構いませんが、必須ではありません。
__&&(image)map&&__が異なる__&&file&&__にある場合、その_&&file&&__の URI
を指定しなければなりません。

> The browser will parse the map and remember the contents.  When the
user clicks the map, the browser will match up the location with the
specified destination for that location and access that URI.  In the
case of a non-graphical browser, the browser could display the
textual descriptions for each area instead of the image.  Clicking a
given textual description would then go to the associated destination.
__&&browser&&__は__&&(image)map&&__を解析し、内容を覚えます。
利用者が__&&(image)map&&__を__&&clickした&&__時、__&&browser&&__はその場所と一致する指定された終点を探し、その
URI に接続します。
非図形的__&&browser&&__の場合は、__&&browser&&__は画像の代わりに文章的説明を表示することができます。
指定された文章的表現を__&&clickする&&__ことで、関連付けられた終点に行くことが出来ます。

* 2. Client-Side Image Map Extension

** 2.1 Syntax

> Adding a USEMAP attribute to an IMG element indicates that it is a
client-side image map.  The USEMAP attribute can be used with the
ISMAP attribute to indicate that the image can be processed as either
a client-side or server-side image map.  The argument to USEMAP
specifies which map to use with the image, by specifying the URI for
the file containing the map, followed by a '#', followed by the name
of the map.  If the argument to USEMAP starts with a '#', the map is
assumed to be in the same document as the IMG tag.  The presence of a
USEMAP attribute overrides the effect of an enclosing anchor (A) element.

[CODE(HTML)[USEMAP]] 属性を [CODE(HTML)[IMG]] 
要素に追加することで、それが__&&client&&__側__&&image map&&__であることを示します。
[CODE(HTML)[USEMAP]] 属性は [CODE(HTML)[ISMAP]] 
属性と一緒に使って、__&&client&&__側__&&image map&&__としてもサーバー側__&&image map&&__としても使えることを示すことも出来ます。
[CODE(HTML)[USEMAP]] の引数 [INS[(訳注: 属性値のこと。)]]
にはその画像に対して使用する__&&(image)map&&__を、その__&&(image)map&&__を含む__&&file&&__の
URI に「#」及び__&&(image)map&&__の名前を続ける形で指定します。
[CODE(HTML)[USEMAP]] の引数が「#」で始まる場合、__&&(image)map&&__はその
[CODE(HTML)[IMG]] __&&tag&&__があるのと同じ文書にあるとみなします。
[CODE(HTML)[USEMAP]] 属性が出現したら、これを囲んでいる__&&anchor&&__
([CODE(HTML)[A]]) __&&element&&__の効果を上書きします。

> The different regions of the image are described using a MAP element.
The map describes each region in the image and indicates where it
links to. The basic format for the MAP element is as follows:

画像の異なる範囲は [CODE(HTML)[MAP]] __&&element&&__を使って記述します。
__&&(image)map&&__はその画像中の各範囲を記述子、その__&&link&&__先を示します。
[CODE(HTML)[MAP]] __&&element&&__の基本的な書式は次の通りです。

[PRE[
   <MAP NAME="name">
   <AREA [SHAPE="shape"] COORDS="x,y,..." [HREF="reference"]
         [NOHREF] [ALT="alt"]>
   </MAP>
]PRE]

> The NAME attribute specifies the name of the map so that it can be
referenced by an IMG element.  Each AREA element contained inside the
map element specifies a single clickable area of the image.  The
SHAPE attribute gives the shape of this area.  Possible shapes are
"RECT", "CIRCLE", and "POLYGON", which specify rectangular, circular,
and polygonal regions respectively.  If the SHAPE tag is omitted,
SHAPE="RECT" is assumed.

[CODE(HTML)[NAME]] 属性は__&&(image)map&&__の名前を指定し、 
[CODE(HTML)[IMG]] __&&element&&__から参照可能にします。
各 [CODE(HTML)[AREA]] 
__&&element&&__は__&&(image)map&&____&&element&&__の内側に含めて、画像の単一の__&&clickable&&__領域を指定します。
取り得る[RUBYB[図形] [shape]]は [CODE(HTML)["RECT"]], 
[CODE(HTML)["CIRCLE"]], [CODE(HTML)["POLYGON"]] 
で、それぞれ長方形, 円, 多角形の範囲を表します。
[CODE(HTML)[SHAPE]] __&&tag&&__ [INS[(訳注: 属性のこと。)]]
が省略されていた場合、 [CODE(HTML)[SHAPE="RECT"]] とみなします。

> The COORDS tag describes the position of an area, using image pixels
as the units with the origin at the upper-left corner of the image.
For a rectangle, the coordinates are given as
"left,top,right,bottom".  The rectangular region defined includes the
lower-right corner specified, i.e. to specify the entire area of a
100x100 image, the coordinates would be "0,0,99,99".

[CODE(HTML)[COORDS]] (座標) 
__&&tag&&__は領域の位置を、画像の左上の角を原点とする[RUBY[画素] [ピクセ]]単位で指定します。
長方形については、座標は [CODE(HTML)["left,top,right,bottom"]]
の形で指定します。定義した長方形範囲は指定した右下の角を含みます。
例えば 100×100 の画像全体の領域を指定するには、座標は
[CODE(HTML)["0,0,99,99"]] とします。

> For a circular region, the coordinates are given as
"center_x,center_y,radius", specifying the center and radius of the
circle.  All points up to and including those at a distance of
"radius" points from the center are included.  For example, the
coordinates "4,4,2" would specify a circle which included the
coordinates (2,4) (6,4) (4,2) and (4,6).

円範囲については、座標は [CODE(HTML)["中心_x,中心_y,半径"]]
の形で円の中心と半径を指定します。
中心から「[VAR[半径]]」の距離以下 (丁度半径の距離を含む。)
の全ての点が含まれます。例えば、座標が [CODE(HTML)["4,4,2"]]
の場合、座標 (2,4) (6,4) (4,2) 及び (4,6) を含みます。

> For a polygonal region, the coordinates specify successive vertices
of the region in the format "x1,y1,x2,y2,...,xn,yn".  If the first
and last coordinates are not the same then a segment is inferred to
close the polygon.  The region includes the boundary lines of the
polygon.  For example, "20,20,30,40,10,40" would specify a triangle
with vertices at (20,20) (30,40) and (10,40).  No explicit limit is
placed on the number of vertices, but a practical limit is imposed by
the fact that HTML limits an attribute value to 1024 characters.

多角形範囲については、座標には範囲の頂点を順に
[CODE(HTML)["x1,y1,x2,y2,...,xn,yn"]] の形式で指定します。
最初と最後の座標が同じでない場合、多角形を閉じる線分があるとします。
例えば、 [CODE(HTML)["20,20,30,40,10,40"]] は
(20,20) (30,40) 及び (10,40) を頂点とする三角形を指定します。
頂点の数には陽に制限はありませんが、実際には HTML
が属性値を1024文字に制限しているために限りがあります。

> The NOHREF attribute indicates that clicks in this region should
perform no action.  An HREF attribute specifies where a click in that
area should lead.  A relative anchor specification will be expanded
using the URI of the map description as a base, rather than using the
URI of the document from which the map description is referenced. If
a BASE tag is present in the document containing the map description,
that URI will be used as the base.

[CODE(HTML)[NOHREF]] 属性は、その範囲での__&&click&&__が何も動作を起こさないことを示します。
[CODE(HTML)[HREF]] 属性は、その領域での__&&click&&__が誘導する場所を指定します。
相対__&&anchor&&__は、__&&(image)map&&__の記述を参照している文書の URI
ではなく、__&&(image)map&&__が記述されている URI
を基底として展開します。__&&(image)map&&__の記述を含む文書に
[CODE(HTML)[BASE]] __&&tag&&__がある場合、この URI
が基底として使われます。

> An arbitrary number of AREA tags may be specified.  If two areas
intersect, the one which appears first in the map definition takes
precedence in the overlapping region.  Multiple areas may share the
same destination to create composite shapes.  Any portion of an image
which is not described by an AREA tag defaults to having no action.

任意の数の [CODE(HTML)[AREA]] __&&tag&&__を指定することが出来ます。
2つの領域が交わる場合、最初に__&&(image)map&&__定義に現れた方を重複範囲では優先して扱います。
合成図形を作るために複数の領域が同じ終点を指すようにしても構いません。
[CODE(HTML)[AREA]] __&&tag&&__が指定されていない画像の全ての部分は、無動作を既定とします。

> The ALT attribute specifies optional text which describes a given
area.  A text-only browser can display the textual contents for each
area as a substitute for the image.

省略可能な [CODE(HTML)[ALT]] 属性には、当該領域を説明する__&&text&&__を指定します。
__&&text&&__のみの__&&browser&&__は画像の代わりに各領域の文章的内容を表示できます。

** 2.2  Required Changes to HTML/2.0 DTD

> The required changes to the HTML/2.0 DTD to support this syntax would
be as follows:

この構文に対応するために HTML/2.0 DTD に次の変更が必要です。

[CODE(HTML)[IMG]] __&&elemnt&&__の定義の変更:

[PRE[
  Change the IMG element definition to be:
    <!ELEMENT IMG    - O EMPTY>
    <!ATTLIST IMG
            SRC CDATA #REQUIRED
            ALT CDATA #IMPLIED
            ALIGN (top|middle|bottom) #IMPLIED
            ISMAP (ISMAP) #IMPLIED
            USEMAP %URI; #IMPLIED
            %SDAPREF; "<Fig><?SDATrans Img: #AttList>#AttVal(Alt)</Fig>"
    >
]PRE]

新しい定義の追加:

[PRE[
  Add the following new definitions:
    <!ELEMENT MAP    - - +(AREA)>
    <!ATTLIST MAP
            NAME %linkName; #REQUIRED
    >
]PRE]

[PRE[
    <!ELEMENT AREA   - O EMPTY>
    <!ATTLIST AREA
            SHAPE (RECT|CIRCLE|POLYGON) RECT #IMPLIED
            COORDS CDATA #REQUIRED
            HREF %URI; #IMPLIED
            NOHREF (NOHREF) #IMPLIED
            ALT CDATA #IMPLIED
    >
]PRE]

** 2.3  Backwards Compatibility

> This extension is specifically designed to provide a variety of
fallback options for browsers which do not support it.  These options
are based on the assumption that browsers will ignore any attributes
or elements which are not present in the HTML/2.0 DTD.

この拡張は、これに対応しない__&&browser&&__に対する種々の代替選択肢を提供するように特に設計しています。
そのような選択子は、__&&browser&&__が HTML/2.0 DTD
に現れない属性や__&&element&&__を無視するという仮定に基づいています。

> An document can be written so that a client-side image map can have
three different fallback behaviors.  First, the document can use the
server-side image map capability, by specifying the ISMAP attribute
as well as USEMAP.  In situations where this is possible, the image
map will work whether or not the browser supports the client-side extension.
__&&client&&__側__&&image map&&__は3つの異なった代替動作を行えるように書くことが出来ます。
一番目に、 [CODE(HTML)[ISMAP]] 属性を [CODE(HTML)[USEMAP]]
属性と併用することで文書はサーバー側__&&image map&&__能力を使うことがd慶増。
これが可能な場面では、__&&image map&&__は__&&client&&__側拡張に対応した__&&browser&&__でもそうでない__&&browser&&__でも動作します。

> Second, clicking the image can direct the user to a single URI,
regardless of where on the image he clicks.  This is accomplished by
placing the image inside an anchor (A) element.  The fallback
destination could provide the user with an error or a textual list of
destinations.

二番目に、画像を__&&clickする&&__ことで、画像のどこを__&&clickした&&__かに関わらず利用者を単一の
URI に誘導できます。これは画像を__&&anchor&&__ ([CODE(HTML)[A]])
__&&element&&__の内側に配置することで実現できます。
代替の終点では利用者にエラーを返すか又は終点の文章による一覧を提供するかできます。

> Lastly, the image can appear to not be a link at all (i.e. missing
whatever visual cues a browser provides to indicate a hyperlink).
This will be the result if the image element neither contains an
ISMAP attribute nor is inside an anchor.

最後に、画像を全く__&&link&&__と見せない
(つまり、__&&browser&&__が__&&hyperlink&&__であることを示す視覚的な目印を無くす)
ことが出来ます。これは、画像__&&element&&__が [CODE(HTML)[ISMAP]]
属性を持たないし__&&anchor&&__の内側にもない場合になります。

** 2.4  Examples

> The following three examples show markup demonstrating the three
fallback mechanisms described in section 2.3:

次の3つの例は、2.3節で説明した3つの代替機構の__&&markup&&__例を示します。

この__&&image map&&__はどの図形的__&&browser&&__でも機能します:

[PRE[
      This image map will work with any graphical browser:
      <A HREF="/cgi-bin/imagemap/pic1">
      <IMG SRC="pic1.jpg" USEMAP="maps.html#map1" ISMAP></A>
]PRE]
__&&client&&__側__&&image map&&__に対応していない時にここを__&&clickする&&__とエラー・メッセージの頁に行きます:

[PRE[
      Clicking here will take you to a page with an error message if
      you don't have client-side image map support:
      <A HREF="no_csim.html">
      <IMG SRC="pic2.jpg" USEMAP="maps.html#map2"></A>
]PRE]
__&&browser&&__が__&&client&&__側__&&image map&&__に対応している時のみここを__&&clickする&&__ことが出来ます:

[PRE[
      You can only click here if your browser supports client-side
      image maps: <IMG SRC="pic3.jpg" USEMAP="maps.html#map3">
]PRE]

> The following example shows the use of a map in the same file as the image:

次の例は同じ__&&file&&__にある__&&(image)map&&__の使用を示しています:

[PRE[
      <IMG SRC="picture.jpg" USEMAP="#mymap">
]PRE]

> The following example defines a simple map which describes an image
with a circle in the middle overlapping two large rectangles:

次の例は、2つの大きな長方形と重なっている円が中央にある単純な__&&(image)map&&__の定義です。

[PRE[
      <MAP NAME="welcomemap">
      <AREA SHAPE=CIRCLE COORDS="50,50,40" HREF="about_us.html"
            ALT="About our company">
      <AREA SHAPE=RECT COORDS="0,0,100,50" HREF="products.html"
            ALT="Our products">
      <AREA SHAPE=RECT COORDS="0,51,100,100 HREF="technology.html"
            ALT="Technology for the next century">
      </MAP>
]PRE]

* 3. Security Considerations

> Clicking a portion of a client-side image map may cause a URI to be
dereferenced.  In this case, the security considerations related to
URLs [5] apply.
__&&client&&__側__&&image map&&__の部分を__&&clickする&&__ことで、
URI が dereference されることになるかもしれません。
この場合、 URL に関連する安全性についての考察が適用されます。

* 4. References

[PRE[
   [1] Berners-Lee, T., and D. Connolly, "HyperText Markup Language
       Specification - 2.0", RFC 1866, November 1995.
]PRE]

[PRE[
   [2] Seidman, J., "An HTML Extension to Support Client-Side Image
       Maps", The Second Internation WWW Conference '94 Advance
       Proceedings, pp 927-930.
]PRE]

[PRE[
   [3] "Standard Generalized Markup Language"  ISO Standard 8879:1986
       Information Processing Text and Office Systems.
]PRE]

[PRE[
   [4] Berners-Lee, T., Fielding, R., and H. Frystyk Nielsen,
       "Hypertext Transfer Protocol -- HTTP/1.0", Work in
       Progress.
]PRE]

[PRE[
   [5] Berners-Lee, T., Masinter, L., and M. McCahill, "Uniform
       Resource Locators (URL)", RFC 1738, December 1994.
]PRE]

* 5. Author's Address

James L. Seidman
Senior Software Engineer
Spyglass, Inc.
1230 East Diehl Road
Naperville, IL 60563

EMail: jim@spyglass.com

* License

[[RFCのライセンス]]

* メモ

[POSTAMBLE[

[2] この [[map]], [[area]] 両要素及び [[usemap]] 属性はほぼそのまま [[W3C]] [[HTML]] 3.2 及び [[HTML4]] に取り入れられました。

[5]
[CITE@en[draft-ietf-html-clientsideimagemap-01 - A Proposed Extension to HTML : Client-Side Image Maps]] ([CODE[2007-01-09 12:21:00 +09:00]] 版) <http://tools.ietf.org/html/draft-ietf-html-clientsideimagemap-01>
]POSTAMBLE]

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)