mozilla

Compare Revisions

<area>

Change Revisions

Revision 81595:

Revision 81595 by Sheppy on

Revision 81596:

Revision 81596 by jonkerrrwa on

Title:
area
area
Slug:
HTML/Element/area
HTML/Element/area
Content:

Revision 81595
Revision 81596
n8      The HTML <em>Area</em> element (<code>&lt;area&gt;</code>) n8      You do not ever need to believe that any more concerning do
>defines a hot-spot region on an image, and optionally associates >wnload Rio. This is the internet site in which all film are avail
>it with a hypertext link. This element is used only within a {{ H>able in wanting to download format and that too with DVD quality 
>TMLElement("map") }} element.>sound and photograph. With assist of your rapidly Internet connec
 >tion, great if you should private a broadband 1, it might get onl
 >y minutes to download total film from the indicate.
9    </p>
10    <h2>
11      Usage context
12    </h2>
13    <table class="standard-table">
14      <tbody>
15        <tr>
16          <td>
17            Permitted content
18          </td>
19          <td>
20            Empty; this is a void element.
21          </td>
22        </tr>
23        <tr>
24          <td>
25            Tag omission
26          </td>
27          <td>
28            Must have a start tag and must not have an end tag.
29          </td>
30        </tr>
31        <tr>
32          <td>
33            Permitted parent elements
34          </td>
35          <td>
36            Any element that accepts <a href="/en/HTML/Content_ca
>tegories#phrasing_content" title="en/HTML/Content categories#phra 
>sing content">phrasing content</a>. The <code>&lt;area&gt;</code> 
> element must have an ancestor {{ HTMLElement("map") }}, but it n 
>eed not be a direct parent. 
37          </td>
38        </tr>
39        <tr>
40          <td>
41            Normative documents
42          </td>
43          <td>
44            <a class=" external" href="http://www.w3.org/TR/html5
>/the-map-element.html#the-area-element" title="http://www.w3.org/ 
>TR/html5/the-map-element.html#the-area-element">HTML 5, section 4 
>.8.13</a>; <a class=" external" href="http://www.w3.org/TR/html40 
>1/struct/objects.html#h-13.6.1" title="http://www.w3.org/TR/html4 
>01/struct/objects.html#h-13.6.1">HTML 4.01, section 13.6.1</a> 
45          </td>
46        </tr>
47      </tbody>
48    </table>
49    <h2>
50      Attributes
51    </h2>
52    <p>
53      Like all other HTML elements, this element supports the <a 
>href="/en/HTML/Global_attributes" title="en/HTML/Global attribute 
>s">global attributes</a>. 
54    </p>
55    <dl>
56      <dt>
57        {{ htmlattrdef("accesskey") }} {{ HTMLVersionInline("4") 
>}} only, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }} 
58      </dt>
59      <dd>
60        Specifies a keyboard navigation accelerator for the eleme
>nt. Pressing ALT or a similar key in association with the specifi 
>ed character selects the form control correlated with that key se 
>quence. Page designers are forewarned to avoid key sequences alre 
>ady bound to browsers. This attribute is global since {{ HTMLVers 
>ionInline("5") }}. 
61      </dd>
62    </dl>
63    <dl>
64      <dt>
65        {{ htmlattrdef("alt") }}
66      </dt>
67      <dd>
68        A text string alternative to display on browsers that do 
>not display images. The text should be phrased so that it present 
>s the user with the same kind of choice as the image would offer  
>when displayed without the alternative text. In {{ HTMLVersionInl 
>ine("4") }}, this attribute is required, but may be the empty str 
>ing (""). In {{ HTMLVersionInline("5") }}, this attribute is requ 
>ired only if the <strong>href</strong> attribute is used. 
69      </dd>
70    </dl>
71    <dl>
72      <dt>
73        {{ htmlattrdef("coords") }}
74      </dt>
75      <dd>
76        A set of values specifying the coordinates of the hot-spo
>t region. The number and meaning of the values depend upon the va 
>lue specified for the <strong>shape</strong> attribute. For a <co 
>de>rect</code> or rectangle shape, the <strong>coords</strong> va 
>lue is two x,y pairs: left, top, right, and bottom. For a <code>c 
>ircle</code> shape, the value is <code>x,y,r</code> where <code>x 
>,y</code> is a pair specifying the center of the circle and <code 
>>r</code> is a value for the radius. For a <code>poly</code> or p 
>olygon&lt; shape, the value is a set of x,y pairs for each point  
>in the polygon: <code>x1,y1,x2,y2,x3,y3,</code> and so on. In {{  
>HTMLVersionInline("4") }}, the values are numbers of pixels or pe 
>rcentages, if a percent sign (%) is appended; in {{ HTMLVersionIn 
>line("5") }}, the values are numbers of CSS&nbsp;pixels. 
77      </dd>
78    </dl>
79    <dl>
80      <dt>
81        {{ htmlattrdef("href") }}
82      </dt>
83      <dd>
84        The hyperlink target for the area. Its value is a valid U
>RL. In {{ HTMLVersionInline("4") }}, either this attribute or the 
> <strong>nohref</strong> attribute must be present in the element 
>. In {{ HTMLVersionInline("5") }}, this attribute may be omitted; 
> if so, the area element does not represent a hyperlink. 
85      </dd>
86    </dl>
87    <dl>
88      <dt>
89        {{ htmlattrdef("hreflang") }} {{ HTMLVersionInline("5") }
>} 
90      </dt>
91      <dd>
92        Indicates the language of the linked resource. Allowed va
>lues are determined by <a class=" external" href="http://www.ietf 
>.org/rfc/bcp/bcp47.txt" title="http://www.ietf.org/rfc/bcp/bcp47. 
>txt">BCP47</a>. Use this attribute only if the <strong>href</stro 
>ng> attribute is present. 
93      </dd>
94    </dl>
95    <dl>
96      <dt>
97        {{ htmlattrdef("name") }} {{ HTMLVersionInline("4") }} on
>ly, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }} 
98      </dt>
99      <dd>
100        Define a names for the clickable area so that it can be s
>cripted by older browsers. 
101      </dd>
102    </dl>
103    <dl>
104      <dt>
105        {{ htmlattrdef("media") }} {{ HTMLVersionInline("5") }}
106      </dt>
107      <dd>
108        A hint of the media for which the linked resource was des
>igned, for example <code>print and screen</code>. If omitted, it  
>defaults to <code>all</code>. Use this attribute only if the <str 
>ong>href</strong> attribute is present. 
109      </dd>
110    </dl>
111    <dl>
112      <dt>
113        {{ htmlattrdef("nohref") }} {{ HTMLVersionInline("4") }} 
>only, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }} 
114      </dt>
115      <dd>
116        Indicates that no hyperlink exists for the associated are
>a. Either this attribute or the <strong>href</strong> attribute m 
>ust be present in the element. 
117        <div class="note">
118          <p>
119            <strong>Usage note:</strong> This attribute is obsole
>te in {{ HTMLVersionInline("5") }}, instead omitting the <strong> 
>href</strong> attribute is sufficient. 
120          </p>
121        </div>
122      </dd>
123    </dl>
124    <dl>
125      <dt>
126        {{ htmlattrdef("rel") }} {{ HTMLVersionInline("5") }}
127      </dt>
128      <dd>
129        For anchors containing the <strong>href</strong> attribut
>e, this attribute specifies the relationship of the target object 
> to the link object. The value is a comma-separated list of relat 
>ionship values. The values and their semantics will be registered 
> by some authority that might have meaning to the document author 
>. The default relationship, if no other is given, is void. Use th 
>is attribute only if the <strong>href</strong> attribute is prese 
>nt. 
130      </dd>
131      <dt>
132        {{ htmlattrdef("shape") }}
133      </dt>
134      <dd>
135        The shape of the associated hot spot. The specifications 
>for HTML 5 and HTML 4 define the values <code>rect</code>, which  
>defines a rectangular region; <code>circle</code>, which defines  
>a circular region; <code>poly</code>, which defines a polygon; an 
>d <code>default</code>, which indicates the entire region beyond  
>any defined shapes. Many browsers, notably Internet Explorer 4 an 
>d higher, support <code>circ</code>, <code>polygon</code>, and <c 
>ode>rectangle</code> as valid values for <strong>shape</strong>;  
>these values are {{ Non-standard_inline() }}. 
136      </dd>
137    </dl>
138    <dl>
139      <dt>
140        {{ htmlattrdef("tabindex") }} {{ HTMLVersionInline("4") }
>} only, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }} 
141      </dt>
142      <dd>
143        A numeric value specifying the position of the defined ar
>ea in the browser tabbing order. This attribute is global in {{ H 
>TMLVersionInline("5") }}. 
144      </dd>
145    </dl>
146    <dl>
147      <dt>
148        {{ htmlattrdef("target") }}
149      </dt>
150      <dd>
151        This attribute specifies where to display the linked reso
>urce. In {{ HTMLVersionInline("4") }}, this is the name of, or a  
>keyword for, a frame. In {{ HTMLVersionInline("5") }}, it is a na 
>me of, or keyword for, a <em>browsing context</em> (for example,  
>tab, window, or inline frame). The following keywords have specia 
>l meanings: 
152        <ul>
153          <li>
154            <span style="font-family: Courier New;">_self</span>:
>&nbsp;Load the response into the same {{ HTMLVersionInline("4") } 
>} frame (or {{ HTMLVersionInline("5") }} browsing context) as the 
> current one. This value is the default if the attribute is not s 
>pecified. 
155          </li>
156          <li>
157            <span style="font-family: Courier New;">_blank</span>
>: Load the response into a new unnamed {{ HTMLVersionInline("4")  
>}} window or {{ HTMLVersionInline("5") }} browsing context. 
158          </li>
159          <li>
160            <span style="font-family: Courier New;">_parent</span
>>:&nbsp;Load the response into the {{ HTMLVersionInline("4") }} f 
>rameset parent of the current frame or {{ HTMLVersionInline("5")  
>}} parent browsing context of the current one. If there is no par 
>ent, this option behaves the same way as <span style="font-family 
>: Courier New;">_self</span>. 
161          </li>
162          <li>
163            <span style="font-family: Courier New;">_top</span>: 
>{{ HTMLVersionInline("4") }} Load the response into the full, ori 
>ginal window, canceling all other frames. {{ HTMLVersionInline("5 
>") }} Load the response into the top-level browsing context (that 
> is, the browsing context that is an ancestor of the current one, 
> and has no parent). If there is no parent, this option behaves t 
>he same way as <span style="font-family: Courier New;">_self</spa 
>n>. 
164          </li>
165        </ul>Use this attribute only if the <strong>href</strong>
> attribute is present.&nbsp; 
166      </dd>
167      <dt>
168        {{ htmlattrdef("type") }}
169      </dt>
170      <dd>
171        This attribute specifies the media type in the form of a 
>MIME type for the link target. Generally, this is provided strict 
>ly as advisory information; however, in the future a browser migh 
>t add a small icon for multimedia types. For example, a browser m 
>ight add a small speaker icon when type is set to audio/wav. For  
>a complete list of recognized MIME types, see <a class="linkifica 
>tion-ext external" href="http://www.w3.org/TR/html4/references.ht 
>ml#ref-MIMETYPES" title="Linkification: http://www.w3.org/TR/html 
>4/references.html#ref-MIMETYPES">http://www.w3.org/TR/html4/refer 
>ences.html#ref-MIMETYPES</a>. Use this attribute only if the <str 
>ong>href</strong> attribute is present. 
172      </dd>
173    </dl>
174    <h2>
175      Example
176    </h2>
177    <pre class="brush: html">
178&lt;map name="primary"&gt;
179  &lt;area shape="circle" coords="200,250,25" href="another.htm" 
>/&gt;  
180  &lt;area shape="default" nohref /&gt;
181&lt;/map&gt;
182</pre>
183    <h2>
184      DOM&nbsp;Interface
185    </h2>
186    <p>
187      This element implements the <code><a href="/en/DOM/HTMLArea
>Element" title="en/DOM/HTMLAreaElement">HTMLAreaElement</a></code 
>> interface. 
188    </p>
189    <h2>
190      Notes
191    </h2>
192    <p>
193      Under the HTML 3.2, 4.0, and 5 specifications, the closing 
>tag <code>&lt;/area&gt;</code> is forbidden. 
n196      The XHTML 1.0 specification requires a trailing slash: <codn11      <a href="http://www.moviescrown.com/download-Rio-movie" rel
>e>&lt;area /&gt;</code>.>="external nofollow">Download Rio Movie</a>
n199      The <strong>id</strong>, <strong>class</strong>, and <stronn14      Rio has been very popular since its premiere including a tr
>g>style</strong> attributes have the same meaning as the core att>emendous no. of crazy fans of sequence downloads its movie from o
>ributes defined in the HTML 4 specification, but only Netscape an>ur web page on each day foundation. We have now been providing th
>d Microsoft define them.>ese downloading services seeing that an extended time and our rec
 >ord of satisfied people is made up of many men and women. Examine
 > their testimonials and make your dreams to download Rio authenti
 >c with us.
200    </p>
201    <div class="geckoVersionNote">
202      <p>
203        {{ gecko_callout_heading("5.0") }}
204      </p>
205      <p>
206        Prior to Gecko 5.0 {{ geckoRelease("5.0") }}, empty areas
> were skipped over in favor of non-empty ones when in quirks mode 
>; this is no longer the case. See {{ bug("587469") }}. 
207      </p>
208    </div>
209    <p>
210      Netscape 1–level browsers do not understand the <strong>tar
>get</strong> attribute as it relates to frames. 
n213      HTML 3.2 defines only <strong>alt</strong>, <strong>coords<n17      Plot:- From the makers of the hit ICE AGE series comes RIO,
>/strong>, <strong>href</strong>, <strong>nohref</strong>, and <st> a comedy adventure about taking a walk on the wild side. Blu is 
>rong>shape</strong>.>a domesticated Macaw who never learned to fly, living a comfortab
 >le life with his owner and best friend Linda in the small town of
 > Moose Lake, Minnesota. Blu and Linda think he's the last of his 
 >kind, but when they learn about another Macaw who lives in Rio de
 > Janeiro, they head to the faraway and exotic land to find Jewel,
 > Blu's female counterpart. Not long after they arrive, Blu and Je
 >wel are kidnapped by a group of bungling animal smugglers. With t
 >he help of street smart Jewel, and a group of wise-cracking and s
 >mooth-talking city birds, Blu escapes. Now, with his new friends 
 >by his side, Blu will have to find the courage to learn to fly, t
 >hwart the kidnappers who are hot on their trail, and return to Li
 >nda, the best friend a bird ever had.
t216      {{ HTML:Element_Navigation() }}t20      Now, you will need nothing significantly more than an inter
 >net connection and also a Pc for making Rio download. No addition
 >al computer software is necessary. Check out the record if you wa
 >nt to download not Rio but another American films. Our database h
 >as additional than a large number of reveals with us. Come across
 > the among your alternative and begin! It had been never ever thi
 >s quick for making Rio download. You’d also wish to know that you
 > can find tens of thousands of films available in our database. I
 >f you?re not a fan of Rio , check out out the offered checklist. 
 >See the respective genre and obtain your favored reveal in second
 >s only. Followers of Rio click on right here to download Rio moti
 >on picture it in minutes only. Step 1- Locate Rio Film Utilize th
 >e Search box on internet site to look for Rio . You may get numer
 >ous success. Find in accordance with good quality, file dimension
 >s and movie format you want. After that you are flourishing in fi
 >nding the Rio total duration DVD Good quality Movie , proceed int
 >o the subsequent step. Phase two – Download Rio Now that you’re s
 >eeing the Rio motion picture, download it with double click on th
 >e identify. Download will get started quickly. The Download softw
 >are system comes with Absolutely free DVD duplicate software syst
 >em, several film players, CD burning software program, Top qualit
 >y technical support and much more. That is as straightforward bec
 >ause it gets people! Action 3 – Melt away Rio to DVD Just Downloa
 >d Rio Free
217    </p>
218    <p>
219      {{ languages( { "pl": "pl/HTML/Element/area" } ) }}

Back to History