diff options
Diffstat (limited to 'files/ca/web/html/element/area/index.html')
| -rw-r--r-- | files/ca/web/html/element/area/index.html | 247 |
1 files changed, 247 insertions, 0 deletions
diff --git a/files/ca/web/html/element/area/index.html b/files/ca/web/html/element/area/index.html new file mode 100644 index 0000000000..4c4100d484 --- /dev/null +++ b/files/ca/web/html/element/area/index.html @@ -0,0 +1,247 @@ +--- +title: <area> +slug: Web/HTML/Element/area +translation_of: Web/HTML/Element/area +--- +<p>El <em>element</em> <em>HTML<code> <area></code> </em> <span id="result_box" lang="ca"><span class="alt-edited">defineix una regió dins d'una imatge, i, opcionalment, l'associa amb un </span></span>{{Glossary("Hyperlink", "hypertext link")}}. <span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>s'utilitza només</span> <span>dins d'un</span> <span>element</span></span> {{HTMLElement("map")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td> + <p><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</p> + </td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és una {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ha de tenir </span><span>etiqueta d'inici</span> <span>i</span> <span>no ha de tenir</span> <span>etiqueta</span> <span>de tancament.</span></span></td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span></span> <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>. El element <code><area></code> ha de tenir un ancestre {{HTMLElement("map")}}, <span id="result_box" lang="ca"><span>però no té</span> <span>per</span> <span>què ser un</span> <span>pare</span> <span>directa.</span></span></td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLAreaElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span style="line-height: 21px;">Aquest element inclou els </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p> + +<dl> + <dt>{{htmlattrdef("accesskey")}} {{HTMLVersionInline("4")}} solsament, {{obsolete_inline("5.0")}}</dt> + <dd>Especifica una tecla d'access de navegació per a l'element. Pressionant ALT o una tecla similar en associació amb el caràcter especificat selecciona el control de forma correlacionada amb la seqüència de tecles. Els dissenyadors de pàgines estan previnguts per evitar seqüències de tecles ja vinculades als navegadors. Aquest atribut és global des de HTML5.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("alt")}}</dt> + <dd>Una cadena de text alternativa, per visualitzar, en navegadors que no mostren les imatges. El text ha de redactar-se de manera que es presenta a l'usuari amb el mateix tipus d'elecció com la imatge oferiria quan apareix sense text alternatiu. En HTML 4, es requereix aquest atribut, però la cadena pot ser buida (""). En HTML5, es requereix aquest atribut només si s'utilitza l'atribut href.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("coords")}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">Un conjunt de valors que especifiquen les coordenades de la regió. El nombre i el significat dels valors depenen del valor especificat per a l'atribut </span></span><strong>shape</strong>. Per un <code>rect</code> o rectangle, el valor <strong>coords</strong> son dos parelles x,y: left, top, right i bottom. Per un <code>circle</code>, el valor es <code>x,y,r</code> on <code>x,y</code> es una parella que defineix el centre del cercle i <code>r</code> es el valor del radi. Per un <code>poly</code> o poligon, el valor es un conjunt de parells x, y per cada punt en el poligon: <code>x1,y1,x2,y2,x3,y3,</code> i així succesivament. <span id="result_box" lang="ca"><span>En</span> <span>HTML</span> <span>4, els</span> <span>valors</span> <span>són nombres</span> <span>de píxels</span> <span>o percentatges,</span> <span>si s'afegeix</span> <span>un signe</span> <span>de percentatge</span> <span>(</span><span>%</span><span>)</span><span>;</span> <span>en HTML5</span><span>, els</span> <span>valors</span> <span>són nombres</span> <span>de píxels</span> <span>CSS.</span></span></dd> + <dt>{{htmlattrdef("download")}} {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut,</span> <span>si està</span> <span>present</span><span>, indica</span> <span>que l'autor</span> <span>proposa un</span> <span>hipervincle</span> <span>que s'utilitzarà</span> <span>per a la</span> <span>descàrrega d'un</span> <span>recurs.</span> <span>Veure</span> </span>{{HTMLElement("a")}}<span lang="ca"> <span>per a una</span> <span>descripció completa</span> <span>de l'atribut</span> <span>de </span></span>{{htmlattrxref("download", "a")}}.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("href")}}</dt> + <dd><span id="result_box" lang="ca"><span>El destí</span> <span>de</span> <span>hipervincle</span> <span>d</span></span>el element area. <span id="result_box" lang="ca"> <span>El seu valor</span> <span>és</span> <span>un URL vàlid</span><span>.</span> <span>En</span> <span>HTML</span> <span>4,</span> <span>ja</span> <span>sigui</span> <span>aquest</span> <span>atribut o</span> <span>l'atribut</span> <strong><span>nohref</span></strong> <span>han d'estar</span> <span>presents</span> <span>en l'element</span><span>.</span> <span>En</span> <span>HTML5,</span> <span>aquest</span> <span>atribut</span> <span>es</span> <span>pot</span> <span>ometre</span><span>;</span> <span>si</span> <span>és</span> <span>així</span><span>, l'element</span> <span>area</span> <span>no representa un</span> <span>enllaç</span></span>.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("hreflang")}} {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Indica</span> <span>l'idioma del</span> <span>recurs</span> <span>vinculat</span><span>.</span> <span>Els</span> <span>valors</span> <span>permesos són</span> <span>determinats</span> <span>per</span> <a href="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a><span>.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span> <strong><span>href</span></strong> <span>és present.</span></span></dd> +</dl> + +<dl> + <dt>{{htmlattrdef("name")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt> + <dd><span id="result_box" lang="ca"><span>Definir</span> <span>un nom</span> <span>per a l'àrea</span> <span>seleccionable</span> <span>de manera que pugui</span> <span>ser escrit</span> <span>pels navegadors</span> <span>antics.</span></span></dd> +</dl> + +<dl> + <dt>{{htmlattrdef("media")}} {{HTMLVersionInline("5")}}</dt> + <dd>Un mitjà de l'atribut media per els quals es va dissenyar el recurs vinculat, per exemple <code>print i screen</code>. <span id="result_box" lang="ca"><span>Si s'omet</span><span>, el valor predeterminat</span> es <span>per a tothom.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span> <strong><span>href</span></strong> <span>és present.</span></span></dd> +</dl> + +<dl> + <dt>{{htmlattrdef("nohref")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt> + <dd>Indica que no hi ha cap hipervincle per a l'àrea associada. Qualsevol d'aquest atribut o l'atribut <strong>href</strong> han d'estar presents en l'element. + <div class="note"> + <p><strong>Nota d'ús</strong>: Aquest atribut és obsolet en HTML 5, en comptes, ometent l'atribut <strong>href</strong> és suficient.</p> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt> + <dd><span id="result_box" lang="ca"><span>Una</span> <span>cadena que</span> <span>indica</span> <span>el</span></span> referrer <span id="result_box" lang="ca"><span>per</span> <span>utilitzar</span> <span>en recuperar</span> <span>el recurs</span></span> : + <ul> + <li><code>"no-referrer"</code> significa que en el <code>Referrer:</code> la capçalera no s'enviarà.</li> + <li>"<code>no-referrer-when-downgrade</code>" significa que si no hi ha <code>Referrer</code>: la capçalera serà enviada al navegar a un origen sense TLS (HTTPS). Aquest és el comportament per defecte d'un agent d'usuari, si no hi ha política que especifiqui el contrari.</li> + <li><code>"origin"</code> <span id="result_box" lang="ca"><span>significa que</span> <span>el referrer</span> <span>serà l'origen</span> <span>de la pàgina,</span> <span>que és més o</span> <span>menys</span> <span>l'esquema</span><span>, el host</span> <span>i el port.</span></span></li> + <li>"origin-when-cross-origin" <span id="result_box" lang="ca"><span>significa que les</span> <span>navegacions</span> <span>d'altres orígens</span> <span>es</span> <span>limitaràn</span> <span>a l'esquema</span><span>, el</span> <span>host i</span> <span>el port</span><span>, mentre que les</span> <span>navegacions en</span> <span>el mateix origen</span> <span>inclouran el</span> <span>camí dels</span><span> referrer's.</span></span></li> + <li><code>"unsafe-url"</code> <span id="result_box" lang="ca"><span>significa</span> <span>que el referrer </span><span>inclourà</span> <span>l'origen i</span> <span>la ruta d'</span><span>accés</span> <span>(</span><span>però no</span> <span>el fragment</span><span>, la contrasenya</span> <span>o</span> <span>nom d'usuari</span><span>)</span><span>.</span> <span>Aquest cas no</span> <span>és</span> <span>segur</span><span>, ja que pot</span> <span>filtrar-se</span> <span>orígens</span> <span>i</span> <span>trajectòries</span> <span>dels recursos</span> <span>protegits</span><span>-</span><span>TLS</span> <span>a orígens</span> <span>insegurs.</span></span></li> + </ul> + </dd> + <dt>{{htmlattrdef("rel")}} {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Per als</span> <span>ancoratges que</span> <span>contenen</span> <span>l'atribut</span> <strong><span>href</span></strong><span>,</span> <span>aquest</span> <span>atribut</span> <span>especifica la relació</span> <span>de l'objecte</span> <span>de destinació</span> <span>per a l'objecte</span> <span>de vincle.</span> <span>El valor és</span> <span>una llista</span> <span>separada per</span> <span>comes dels</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors dels tipus d'enllaços</a><span>.</span> <span>Els</span> <span>valors i la seva</span> <span>semàntica</span> <span>seran</span> <span>registrades</span> <span>per alguna</span> <span>autoritat que</span> <span>podria haver</span> <span>significat</span> <span>l'autor del</span> <span>document.</span> <span>La relació</span> <span>per defecte,</span> <span>si</span> <span>no</span> es dóna<span> una altra</span><span>,</span> <span>és</span> <span>nul·la.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span> <strong><span>href</span></strong> <span>és present.</span></span></dd> + <dt>{{htmlattrdef("shape")}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">La forma de la zona activa associada. Les especificacions per a HTML 5 i HTML 4 defineixen els valors<code> rect</code>, defineix una regió rectangular; <code>circle</code>, defineix una regió circular; <code>poly</code>, defineix un polígon; i per <code>defecte</code>, el que indica tota la regió més enllà de les formes definides. Molts navegadors, especialment Internet Explorer 4 i superior, suportan <code>circ, polygon</code>, i <code>rectangle</code> com a valors vàlids de <strong>shape</strong>; aquests valors són</span></span> {{Non-standard_inline}}.</dd> + <dt>{{htmlattrdef("tabindex")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt> + <dd><span id="result_box" lang="ca"><span>Un valor</span> <span>numèric</span> <span>que especifica la</span> <span>posició</span> <span>de la zona definida</span> <span>en l'ordre</span> <span>de tabulació</span> <span>del navegador.</span> <span>Aquest</span> <span>atribut</span> <span>és global</span> <span>en HTML5.</span></span></dd> +</dl> + +<dl> + <dt>{{htmlattrdef("target")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>el lloc per</span> <span>visualitzar el</span> <span>recurs</span> <span>vinculat</span><span>.</span> <span>En</span> <span>HTML</span> <span>4,</span> <span>aquest</span> <span>és</span> <span>el nom de,</span> <span>o una paraula</span> <span>clau</span> <span>per a un</span> <span>marc</span><span>.</span> <span>En</span> <span>HTML5</span><span>, que és un</span> <span>nom</span> <span>de</span><span>,</span> <span>o una paraula</span> <span>clau</span> <span>per a un</span> <em><span>context</span> <span>de navegació</span></em> <span>(</span><span>per</span> <span>exemple</span><span>, pestanya</span><span>, finestra</span> <span>o</span> <span>marc en</span> <span>línia</span><span>)</span><span>.</span> <span>Les</span> <span>següents</span> <span>paraules</span> <span>clau</span> <span>tenen</span> <span>un significat</span> <span>especial</span><span>:</span></span> + <ul> + <li><code>_self</code>: <span id="result_box" lang="ca"><span>Carrega la resposta en</span> <span>el mateix marc de</span> <span>HTML 4</span> <span>(</span><span>o</span> <span>context</span> <span>de navegació</span> en <span>HTML 5</span><span>)</span> <span>com l'actual.</span> <span>Aquest</span> <span>valor és el</span> <span>valor per</span> <span>defecte si</span> <span>no s'especifica</span> <span>l'atribut</span><span>.</span></span></li> + <li><code>_blank</code>: <span id="result_box" lang="ca"><span>Carregar</span> <span>la resposta</span> <span>en una nova finestra</span> <span>sense</span> <span>nom</span> <span>HTML</span> <span>4 o</span> <span>en un context</span> <span>de navegació</span> <span>HTML5.</span></span></li> + <li><code>_parent</code>: <span id="result_box" lang="ca"><span>Carregar</span> <span>la resposta en el</span> <span>conjunt</span> <span>de marcs</span> <span>pare</span> <span>HTML 4</span> <span>del quadre</span> <span>actual</span> <span>o</span> <span>HTML5</span> en el <span>context</span> <span>de navegació</span> <span>dels</span> <span>pares</span> <span>de</span> <span>l'actual.</span> <span>Si no hi ha</span> <span>pare</span><span>,</span> <span>aquesta</span> <span>opció</span> <span>es comporta de</span> <span>la mateixa manera que</span><code> <span>_self</span></code><span>.</span></span></li> + <li><code>_top</code>: In HTML4: Carregar la resposta sencera a la finestra original, cancel·lant tots els altres marcs. En HTML 5: Carregar la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li> + </ul> + <span id="result_box" lang="ca"><span class="alt-edited">Utilitzeu aquest atribut només si l'atribut <strong>href</strong> és present.</span></span></dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest atribut</span> <span>especifica</span> <span>el tipus de suport</span> <span>en forma d'un</span> <span>tipus MIME</span> <span>per a la destinació</span> <span>de l'enllaç.</span> <span>Generalment</span><span>, això</span> <span>proporciona</span> <span>informació</span> <span>estrictament</span> <span>com d'assessorament</span><span>;</span> <span>No obstant</span> <span>això, en el</span> <span>futur</span><span>, un navegador</span> <span>podria afegir</span> <span>una icona</span> <span>petit</span> <span>per a aquest</span> <span>tipus de mitjà.</span> <span>Per exemple</span><span>, un navegador</span> <span>podria afegir</span> <span>una petita icona</span> <span>de l'altaveu</span> <span>quan</span> <span>el tipus</span> <span>s'estableix</span> <span>en l'àudio</span> <span>/</span> <span>wav</span><span>.</span> <span>Per obtenir una</span> <span>llista</span> <span>completa dels</span> <span>tipus MIME</span> <span>reconeguts</span><span>, veure</span><a href="http://www.w3.org/TR/html4/references.html#ref-MIMETYPES"> http://www.w3.org/TR/html4/references.html#ref-MIMETYPES</a><span>.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span><strong> <span>href</span></strong> <span>és present.</span></span></dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><map name="primary"> + <area shape="circle" coords="200,250,25" href="another.htm" /> + <area shape="default" nohref /> +</map> +</pre> + +<h2 id="Specifications" name="Specifications">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrerpolicy attribute')}}</td> + <td>{{Spec2('Referrer Policy')}}</td> + <td>Afegeix l'atribut <code>referrerpolicy.</code> .</td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-map-element.html#the-area-element', '<area>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-area-element', '<area>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '<area>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>referrerpolicy</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop("50")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mini</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>referrerpolicy</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoMobile("50")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Notes">Notes</h2> + +<p><span id="result_box" lang="ca"><span class="alt-edited">En les especificacions l'HTML 3.2, 4.0 i 5, l'etiqueta de tancament <code></area></code> està prohibida</span></span>.</p> + +<p><span id="result_box" lang="ca"><span class="alt-edited">L'especificació XHTML 1.0 requereix una barra final: <code><area /></code></span></span>.</p> + +<p>Els atributs <strong>id</strong>, <strong>class</strong>, i <strong>style</strong> tenen el mateix significat que els atributs fonamentals definits en l'especificació HTML 4, però només Netscape i Microsoft els defineixen.</p> + +<p>Netscape, navegadors de nivell 1 no entén l'atribut <strong>target</strong> pel que fa als frames.</p> + +<p>HTML 3.2 només defineix <strong>alt</strong>, <strong>coords</strong>, <strong>href</strong>, <strong>nohref</strong> i <strong>shape</strong>.</p> + +<p>{{HTMLRef}}</p> |