 |
+ |
2.0 |
3.0 |
3.2 |
4.0 |
 |
1.0 |
2.0 |
3.0 |
4.0 |
|
 |
1.0 |
2.0 |
3.0 |
4.0 |
|
 |
1.0 |
2.0 |
|
|
|
 |
1.0 |
2.1 |
|
|
|
|
<fig>
| container |
|---|
| start tag | required |
| end tag | required |
Sandia Reference
|
 |
The <fig> element has not been included in the HTML 4.0 specification. Could one consider it "deceased"?
The <fig> element is used for figures. Subsequent elements will be flowed around the figure if there is sufficient room. This behaviour is disabled when the align attribute is center (the default) or justify" W3's description
Figure overlays provide for more effective use of caching as small changes to a figure in a subsequent document incur only the penalty of downloading the overlays and not the larger base figure, as the latter is already in the cache.
The figure description text is intended to convey the content of the figure for people with non-graphical user agents, while the figure caption and credit are rendered on both graphical and non-graphical user agents. The FIG element improves on the IMG element by allowing authors to use markup for the description text. The content model allows authors to include headers, which is appropriate when the headers are part of the image data. It also allows graphical hypertext links to be specified in the markup and interpreted by the user agent rather than the server.
The anchor elements in the figure description text play a dual role: Non-graphical user agents show conventional hypertext links, while for graphical user agents, the same anchor elements specify graphical hypertext links, with the SHAPE attribute designating the hotzones. This is designed to simplify the task of authors writing for both audiences. Hopefully, the FIG element will help to combat the tendency for authors to forget about people limited to terminal access or the visually impaired relying on text to speech, as the new element forces you to write description text to define the graphical hypertext links.
For some applications the hotzones are dynamically defined by programs running on the server. HTML 3.0 allows clicks and drags to be passed to the server with the IMAGEMAP attribute. Hotzones may also be specified as part of the graphics data format e.g. as in VRML. Hotzones in the FIG element take precedence over hotzones in the graphics data, which in turn take precedence over passing events to a server imagemap program.
Hotzones in overlay graphics data take precedence over hotzones in figure data. Similarly, the imagemap attribute in overlays takes precedence over the imagemap attribute for the figure. For a group of overlapping overlays the precedence is determined by the order the OVERLAY elements appear within the FIG element. Later overlays take precedence over earlier ones.
You will notice that there is no "alt=" attribute. This is replaced by the <caption> tag. i.e.
<fig src="bike.gif">
<caption>This is a <i>picture</i> of my bike.</caption>
<p>This is a touring bike built by World Bike Makers.
<credit>WBM</credit>
</fig>
align=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
|
| "bleedleft"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"Flush left with the left (window) border." (w3)
|
| "bleedright"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"Flush right with the right (window) border" (w3)
|
| "center"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"The figure is centered between the text margins and text flow around the figure is disabled. This is the default setting for ALIGN." (w3)
|
| "float"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"If ALIGN=FLOAT the figure may float to another more convenient location (and possibly zoomed or reduced in the process)." (HTML+)
|
| "justify"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"When applicable the figure should be magnified or reduced to fill the space between the left and right text margins. Text flow around the figure is disabled for align=justify." (w3)
|
| "left"
default
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"Flush left with the left text margin." (w3)
|
| "right"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"Flush right with the right text margin." (w3)
|
class=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
|
clear=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"When there is already a figure or table in the margin, you sometimes want to position another figure below the figure in the margin rather than alongside it. The CLEAR attribute allows you to move down unconditionally:" (w3)
Alternatively, you can decide to place the figure alongside the figure in the margin just so long as there is enough room. The minimum width needed is specified as "## en" where ##="the" number of nutts or ### pixels where ### is the number of pixels.
|
| "left"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"move down until left margin is clear" (w3)
|
| "right"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"move down until right margin is clear" (w3)
|
| "all"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"move down until both margins are clear" (w3)
|
| "## en"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"move down until there is at least 40 en units free" (w3)
|
| "### pixels"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"move down until there is at least 100 pixels free" (w3)
|
| dir= |
|
| "ltr" |
|
| "rtl" |
|
height=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"Specifies the desired height in pixels or en units (according to the value of the UNITS attribute). User agents may scale the figure image to match this height." (w3)
|
id=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
|
index=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
|
imagemap=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"Specifies a URI for processing image clicks and drags." (w3)
|
index=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
|
ismap=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"The upper left of the image is designated as x,y = (0, 0), with x increasing across the page and y down the page. This choice was made for continuity with the IMG element in HTML, to ensure a simple migration path to HTML+. If points are given in real numbers, the lower right corner of the image is taken as being (1.0, 1.0), otherwise, with integer values the coordinates are assumed to be in pixels. A simple test to distinguish the two schemes is to check if a "." character occurs anywhere in the list of points. Using scaled coordinates is much safer as the pixel extent of an image may alter, e.g. as a result of format negotiation with the server.
For some images, HTTP servers will be able to handle mouse/pen clicks or drags on the image. This is signalled in the header information returned along with the image data. Alternatively, the ISMAP attribute can be used to signal this capability. The mouse click is sent to the server indicated by the URL in the SRC attribute, using the same URL plus the suffix "?x=X&y=Y"*1 where X and Y are the coordinates of the click event. Mouse drags can be used to designate a rectangular region of the image. In this case the suffix takes the form: "?x=X&y=Y&w=W&h=H" where (X, Y) is the upper left of the rectangle, and (W,H) define its width and height. The ISMAP mechanism is useful when the active regions in the image change their boundaries with time, e.g.
<fig ismap src="weather.gif">
<caption>Click on your area for a local forecast</caption>
Todays weather map for the US.
</fig>" (HTML+)
|
lang=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
|
md=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"Specifies a message digest or cryptographic checksum for the associated graphic specified by the SRC attribute. It is used when you want to be sure that a linked object is indeed the same one that the author intended, and hasn't been modified in any way. For instance, MD="md5:jV2OfH+nnXHU8bnkPAad/mSQlTDZ", which specifies an MD5 checksum encoded as a base64 character string. The MD attribute is generally allowed for all elements which support URI based links." (w3)
|
noflow
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"The presence of this attribute disables text flow around the figure. It avoids the need to use the CLEAR or NEEDS attributes on the following element." (w3)
|
src=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"Specifies the figure's graphical content. The image is specified as a URI. This attribute may appear together with the MD attribute." (w3)
See also the "ismap=" attribute above. The explanation from HTML+ is quite good.
|
units=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"Specifies the choice of units for width and height. units="pixels (the default) specifies pixels, while units="en specifies en units. The en unit is a typographical unit equal to half the point size." (w3)
|
width=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"Specifies the desired width in pixels or en units (according to the value of the UNITS attribute). User agents may scale the figure image to match this width." (w3)
|
