diff options
Diffstat (limited to 'files/es/web/html/elemento/area/index.html')
-rw-r--r-- | files/es/web/html/elemento/area/index.html | 212 |
1 files changed, 0 insertions, 212 deletions
diff --git a/files/es/web/html/elemento/area/index.html b/files/es/web/html/elemento/area/index.html deleted file mode 100644 index 201e8745a2..0000000000 --- a/files/es/web/html/elemento/area/index.html +++ /dev/null @@ -1,212 +0,0 @@ ---- -title: area -slug: Web/HTML/Elemento/area -tags: - - HTML - - 'HTML:Elemento' - - Todas_las_Categorías -translation_of: Web/HTML/Element/area ---- -<h3 id="Definici.C3.B3n" name="Definici.C3.B3n">Definición</h3> - -<p><strong>area</strong> de area=área</p> - -<p>Sirve para crear las distintas secciones en las que se puede dividir un <a class="external" href="http://html.conclase.net/w3c/html401-es/struct/objects.html#include-maps">mapas de imágenes</a> en el cliente.</p> - -<dl> - <dd><strong>Sus etiquetas son</strong>: <area> (solo tiene una).</dd> -</dl> - -<dl> - <dd><strong>Crea una caja</strong>: No.</dd> -</dl> - -<dl> - <dd><strong>Es un</strong>: Elemento para mapas de imágenes.</dd> -</dl> - -<dl> - <dd><strong>Puede contener</strong>: Nada.</dd> -</dl> - -<dl> - <dd><strong>Solo puede ser hijo de</strong>: Elementos <a href="es/HTML/Elemento/map">map</a>.</dd> -</dl> - -<h4 id="Atributos" name="Atributos">Atributos</h4> - -<table class="fullwidth-table standard-table"> - <tbody> - <tr> - <th>atributo</th> - <th>descripción</th> - <th>valor</th> - <th>por omisión</th> - </tr> - <tr> - <th colspan="4">Genéricos</th> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/global.html#adef-title"><span style="color: green;">title </span></a></td> - <td>Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".</td> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#h-6.3">Texto legible</a>. Sensible a <abbr title="diferencia entre Mayúsculas y minúsculas">M/m.</abbr>.</td> - <td>Lo fija el navegador.</td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/global.html#adef-id"><span style="color: green;">id </span></a></td> - <td>Le da un nombre al elemento que lo diferencia de todos los demás del documento.</td> - <td>Un <a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#type-id">nombre único</a>. Sensible a <abbr title="diferencia entre Máyusculas y minúsculas">M/m.</abbr></td> - <td>Lo fija el navegador.</td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/global.html#adef-class"><span style="color: green;">class </span></a></td> - <td>Asigna nombres de clases al elemento. Por defecto, clases CSS.</td> - <td>Lista de clases separadas por espacio en blanco. Sensible a <abbr title="diferencia entre Máyusculas y minúsculas">M/m.</abbr> <a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#type-cdata">cdata</a></td> - <td>Lo fija el navegador.</td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/present/styles.html#adef-style"><span style="color: green;">style </span></a></td> - <td>Permite especificar <a class="external" href="http://html.conclase.net/w3c/html401-es/present/styles.html">información de estilo</a>. Por defecto, estilos CSS.</td> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#type-style">Declaraciones de estilo</a>.</td> - <td>Lo fija el navegador.</td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/dirlang.html#adef-lang"><span style="color: green;">lang </span></a></td> - <td>Información sobre el <a class="external" href="http://html.conclase.net/w3c/html401-es/struct/dirlang.html">idioma del contenido</a> del elemento y del valor de sus atributos.</td> - <td>Un <a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#type-langcode">código de idioma</a>.</td> - <td>Lo fija el navegador. <abbr title="Por defecto">PD.</abbr>: "desconocido".</td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/dirlang.html#adef-dir"><span style="color: green;">dir </span></a></td> - <td>Indica la <a class="external" href="http://html.conclase.net/w3c/html401-es/struct/dirlang.html">dirección de texto</a> y tablas.</td> - <td>Uno de los siguientes: <abbr title="Left-to-right"> 'ltr' </abbr> o <abbr title="Right-to-left"> 'rtl'. </abbr></td> - <td>Lo fija el navegador. <abbr title="Por defecto">PD.</abbr>: En castellano 'ltr'.</td> - </tr> - <tr> - <td colspan="4"><strong>Eventos</strong>: <code style="color: green;">onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup. </code></td> - </tr> - <tr> - <th colspan="4">Específicos</th> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/objects.html#adef-shape"><span style="color: green;">shape </span></a></td> - <td>Indica la forma del área del mapa.</td> - <td>Uno de los siguientes: <code>'rect'</code>, <code>'circle'</code>, <code>'poly'</code>, o <code>'default'</code>.</td> - <td><abbr title="Por defecto">PD.</abbr>: <code>'rect'</code></td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/objects.html#adef-coords"><span style="color: green;">coords </span></a></td> - <td>Indica las coordenadas (x,y) del área del mapa.</td> - <td>Lista de: cantidades de píxeles, o porcentajes de espacio disponible. Separadas por comas.</td> - <td>Lo fija el navegador.</td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/links.html#adef-href"><span style="color: green;">href </span></a></td> - <td>La dirección del recurso vínculado.</td> - <td>Una dirección <a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#h-6.4">URI</a>. Sensible a <abbr title="diferencia entre Máyusculas y minúsculas">M/m.</abbr> (o no).</td> - <td>Lo fija el navegador.</td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/objects.html#adef-nohref"><span style="color: green;">nohref </span></a></td> - <td>Indica que el área no es activa, no tiene enlace.</td> - <td>Uno: 'nohref'</td> - <td>Lo fija el navegador.</td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/objects.html#adef-alt"><span style="color: green;">alt </span></a></td> - <td>Describe el área o su vínculo, es necesario por que <strong>area</strong> no tiene contenido.</td> - <td>Texto legible. Sensible a <abbr title="diferencia entre Máyusculas y minúsculas">M/m.</abbr></td> - <td><abbr title="El autor debe indicarlo">Requerido</abbr></td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/interact/forms.html#adef-accesskey"><span style="color: green;">accesskey </span></a></td> - <td>Define una tecla de acceso rápido. Importante para la <a href="es/Accesibilidad">Accesibilidad</a>.</td> - <td>Un <a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#type-character">carácter</a> o letra.</td> - <td>Lo fija el navegador.</td> - </tr> - <tr> - <td><a class="external" href="http://html.conclase.net/w3c/html401-es/interact/forms.html#adef-tabindex"><span style="color: green;">tabindex </span></a></td> - <td>Asigna un número de posición en el orden de tabulación.</td> - <td>Un número entre 0 y 32767.</td> - <td>Lo fija el navegador.</td> - </tr> - <tr> - <td colspan="4"><strong>Eventos</strong>: <code style="color: green;">onfocus, onblur.</code></td> - </tr> - <tr> - <th colspan="4">De transición</th> - </tr> - <tr> - <td><code style="color: green;">target </code></td> - <td>Indica el <a class="external" href="http://html.conclase.net/w3c/html401-es/present/frames.html#h-16.1">marco</a> en el que se cargará el recurso.</td> - <td>Puede ser el nombre de un marco existente, o un <a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#type-frame-target">nombre reservado</a></td> - <td>Lo fija el navegador.</td> - </tr> - <tr> - <th>atributo</th> - <th>descripción</th> - <th>valor</th> - <th>por omisión</th> - </tr> - </tbody> -</table> - -<h3 id="Ejemplos_de_uso" name="Ejemplos_de_uso">Ejemplos de uso</h3> - -<div class="highlight"> -<h4 id="Un_mapa_de_im.C3.A1genes_dividido_en_dos" name="Un_mapa_de_im.C3.A1genes_dividido_en_dos">Un mapa de imágenes dividido en dos</h4> - -<pre class="eval"><span class="nowiki"> - <object data="http://developer.mozilla.org/wiki-images/es/3/39/Firefoxlogo.png" - usemap="#map1" type="image/png" - width="135" height="155"> - - <map name="map1"> - <area href="http://www.mozilla.com/firefox/" - alt="El navegador" - shape="rect" - coords="0,0,60,155"> - - <area href="http://www.mozilla.com/thunderbird/" - alt="El gestor de correo" - shape="rect" - coords="75,0,135,155"> - </map> - </object> - </span> -</pre> -</div> - -<h3 id="Soporte" name="Soporte">Soporte</h3> - -<p>Puede consultar esta <a class="external" href="http://www.webdevout.net/browser_support_html.php#support-html401-area">comparativa</a>: IE6 vs IE7 vs FF1.5 vs OP9.</p> - -<h3 id="Estilo_predeterminado" name="Estilo_predeterminado">Estilo predeterminado</h3> - -<h3 id="Notas" name="Notas">Notas</h3> - -<ul> - <li><strong>area</strong> es un elemento antiguo con el que pueden hacerse mapas simples y poco accesibles. No se recomienda su uso, es preferible diseñar los mapas con elementos en bloque y <a href="es/HTML/Elemento/a">anclas</a>.</li> -</ul> - -<h3 id="Referencia" name="Referencia">Referencia</h3> - -<ul> - <li>Los mapas de imágenes y el elemento <a class="external" href="http://html.conclase.net/w3c/html401-es/struct/objects.html#h-13.6"><strong>area</strong> en la especificación</a> de html 4.01</li> -</ul> - -<p> </p> - -<hr> -<div class="note"> -<p>Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras! Disculpen las molestias.</p> - -<p>¿Quieres participar en su ampliación? Para saber como hacerlo consulta <a>MDC:Como ayudar</a>.</p> -</div> - -<p><br> - <span class="comment">Categoría</span></p> - -<p><span class="comment">interwiki links</span></p> - -<p><span class="comment">automatismos</span></p> |