aboutsummaryrefslogtreecommitdiff
path: root/files/es/web/html/elemento/dl/index.html
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:46:50 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:46:50 +0100
commita55b575e8089ee6cab7c5c262a7e6db55d0e34d6 (patch)
tree5032e6779a402a863654c9d65965073f09ea4182 /files/es/web/html/elemento/dl/index.html
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.gz
translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.bz2
translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.zip
unslug es: move
Diffstat (limited to 'files/es/web/html/elemento/dl/index.html')
-rw-r--r--files/es/web/html/elemento/dl/index.html219
1 files changed, 0 insertions, 219 deletions
diff --git a/files/es/web/html/elemento/dl/index.html b/files/es/web/html/elemento/dl/index.html
deleted file mode 100644
index 9bea9588ce..0000000000
--- a/files/es/web/html/elemento/dl/index.html
+++ /dev/null
@@ -1,219 +0,0 @@
----
-title: dl
-slug: Web/HTML/Elemento/dl
-tags:
- - Agrupando contenido HTML
- - Elemento
- - HTML
- - Referencia
- - Web
-translation_of: Web/HTML/Element/dl
----
-<div>{{HTMLRef}}</div>
-
-<p>El elemento <strong>HTML <code>&lt;dl&gt;</code>  </strong>representa una lista descriptiva. El elemento encierra una lista de grupos de términos (especificados con el uso del elemento {{HTMLElement("dt")}}) y de descripciones (proveídas con elementos {{HTMLElement("dd")}}). Algunos usos comunes para este elemento son implementar un glosario o para desplegar metadatos (lista de pares llave-valor).</p>
-
-<div>{{EmbedInteractiveExample("pages/tabbed/dl.html", "tabbed-standard")}}</div>
-
-<p class="hidden">El contenido para este ejemplo interactivo se encuentra almacenado en un repositorio GitHub. Si deseas contribuir al proyecto de ejemplos interactivos, por favor clona <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> y envía la petición de extración (pull request).</p>
-
-<table class="properties">
- <tbody>
- <tr>
- <th scope="row"><a href="/es/docs/Web/Guide/HTML/categorias_de_contenido">Categorías de contenido</a></th>
- <td><a href="/es/docs/Web/Guide/HTML/categorias_de_contenido#Contenido_dinámico">Contenido de flujo</a>, y si los elementos hijos de <code>&lt;dl&gt;</code> incluyen un grupo nombre-valor, contenido palpable.</td>
- </tr>
- <tr>
- <th scope="row">Contenido permitido</th>
- <td>
- <p>Ya sea: Cero o más grupos cada uno consistiendo en uno o más elementos {{HTMLElement("dt")}} seguidos por uno o más elementos {{HTMLElement("dd")}}, opcionalmente intercalados con elementos {{HTMLElement("script")}} y elementos {{HTMLElement("template")}}.<br>
- O: Uno o más elementos {{HTMLElement("div")}}, opcionalmente entremezclados con elementos {{HTMLElement("script")}} y elementos {{HTMLElement("template")}}.</p>
- </td>
- </tr>
- <tr>
- <th scope="row">Omisión de Tag</th>
- <td>{{no_tag_omission}}</td>
- </tr>
- <tr>
- <th scope="row">Padres permitidos</th>
- <td>Cualquier elemento que acepte <a href="/es/docs/Web/Guide/HTML/categorias_de_contenido#Contenido_dinámico">contenido de flujo</a>.</td>
- </tr>
- <tr>
- <th scope="row">Roles ARIA permitidos</th>
- <td>{{ARIARole("group")}}, {{ARIARole("presentation")}}</td>
- </tr>
- <tr>
- <th scope="row">Interfaz DOM</th>
- <td>{{domxref("HTMLDListElement")}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Atributos">Atributos</h2>
-
-<p>Los atributos de este elemento incluyen los <a href="/es/docs/Web/HTML/Atributos_Globales">atributos globales</a>.</p>
-
-<h2 id="Ejemplos">Ejemplos</h2>
-
-<h3 id="Término_sencillo_y_descripción">Término sencillo y descripción</h3>
-
-<pre class="brush: html notranslate">&lt;dl&gt;
- &lt;dt&gt;Firefox&lt;/dt&gt;
- &lt;dd&gt;
- A free, open source, cross-platform,
- graphical web browser developed by the
- Mozilla Corporation and hundreds of
- volunteers.
- &lt;/dd&gt;
-
- &lt;!-- Other terms and descriptions --&gt;
-&lt;/dl&gt;
-</pre>
-
-<p>Salida:</p>
-
-<p><img alt="Image:HTML-dl1.png" src="/@api/deki/files/241/=HTML-dl1.png"></p>
-
-<h3 id="Múltiples_términos_descripción_sencilla">Múltiples términos, descripción sencilla</h3>
-
-<pre class="brush: html notranslate">&lt;dl&gt;
- &lt;dt&gt;Firefox&lt;/dt&gt;
- &lt;dt&gt;Mozilla Firefox&lt;/dt&gt;
- &lt;dt&gt;Fx&lt;/dt&gt;
- &lt;dd&gt;
- A free, open source, cross-platform,
- graphical web browser developed by the
- Mozilla Corporation and hundreds of
- volunteers.
- &lt;/dd&gt;
-
- &lt;!-- Other terms and descriptions --&gt;
-&lt;/dl&gt;
-</pre>
-
-<p>Salida:</p>
-
-<p><img alt="Image:HTML-dl2.png" src="/@api/deki/files/242/=HTML-dl2.png"></p>
-
-<h3 id="Término_sencillo_múltiples_descripciones">Término sencillo, múltiples descripciones</h3>
-
-<pre class="brush: html notranslate">&lt;dl&gt;
- &lt;dt&gt;Firefox&lt;/dt&gt;
- &lt;dd&gt;
- A free, open source, cross-platform,
- graphical web browser developed by the
- Mozilla Corporation and hundreds of
- volunteers.
- &lt;/dd&gt;
- &lt;dd&gt;
- The Red Panda also known as the Lesser
- Panda, Wah, Bear Cat or Firefox, is a
- mostly herbivorous mammal, slightly larger
- than a domestic cat (60 cm long).
- &lt;/dd&gt;
-
- &lt;!-- Other terms and descriptions --&gt;
-&lt;/dl&gt;
-</pre>
-
-<p>Output:</p>
-
-<p><img alt="Image:HTML-dl3.png" src="/@api/deki/files/243/=HTML-dl3.png"></p>
-
-<h3 id="Múltiples_términos_y_descripciones">Múltiples términos y descripciones</h3>
-
-<p>También es posible definir múltiples términos con múltiples descripciones correspondientes, combinando los ejemplos de arriba.</p>
-
-<h3 id="Metadatos">Metadatos</h3>
-
-<p>Las listas descriptivas son útiles para desplegar metadatos como una lista de pares llave-valor.</p>
-
-<pre class="brush: html notranslate">&lt;dl&gt;
- &lt;dt&gt;Name&lt;/dt&gt;
- &lt;dd&gt;Godzilla&lt;/dd&gt;
- &lt;dt&gt;Born&lt;/dt&gt;
- &lt;dd&gt;1952&lt;/dd&gt;
- &lt;dt&gt;Birthplace&lt;/dt&gt;
- &lt;dd&gt;Japan&lt;/dd&gt;
- &lt;dt&gt;Color&lt;/dt&gt;
- &lt;dd&gt;Green&lt;/dd&gt;
-&lt;/dl&gt;
-</pre>
-
-<p>Tip: Puede ser útil definir un separador llave-valor en el CSS, como:</p>
-
-<pre class="brush: css notranslate">dt::after {
- content: ": ";
-}</pre>
-
-<h3 id="Encapsulado_de_grupos_nombre-valor_en_elementos_HTMLElementdiv">Encapsulado de grupos nombre-valor en elementos {{HTMLElement("div")}}</h3>
-
-<p><a href="/es/docs/Glossary/WHATWG">WHATWG</a> HTML permite encapsular cada grupo nombre-valor de un elemento {{HTMLElement("dl")}} en un elemento {{HTMLElement("div")}}. Esto puede ser útil cuando se utilizan <a href="/es/docs/Web/HTML/Microdata">microdatos</a>, o cuando <a href="/es/docs/Web/HTML/Atributos_Globales">atributos globales</a> apliquen a todo el grupo, o por motivos de estilo.</p>
-
-<pre class="brush: html notranslate">&lt;dl&gt;
- &lt;div&gt;
- &lt;dt&gt;Name&lt;/dt&gt;
- &lt;dd&gt;Godzilla&lt;/dd&gt;
- &lt;/div&gt;
- &lt;div&gt;
- &lt;dt&gt;Born&lt;/dt&gt;
- &lt;dd&gt;1952&lt;/dd&gt;
- &lt;/div&gt;
- &lt;div&gt;
- &lt;dt&gt;Birthplace&lt;/dt&gt;
- &lt;dd&gt;Japan&lt;/dd&gt;
- &lt;/div&gt;
- &lt;div&gt;
- &lt;dt&gt;Color&lt;/dt&gt;
- &lt;dd&gt;Green&lt;/dd&gt;
- &lt;/div&gt;
-&lt;/dl&gt;
-</pre>
-
-<h2 id="Notas">Notas</h2>
-
-<p>No use este elemento (ni elementos {{HTMLElement("ul")}}) solo para crear sangría en una página. Si bien funciona, es una mala práctica y obscurece el signinifcado de las listas descriptivas.</p>
-
-<p>Para cambiar la indentación de un término, usa la propiedad {{cssxref("margin")}} de <a href="/es/docs/Web/CSS">CSS</a>.</p>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificación</th>
- <th scope="col">Estatus</th>
- <th scope="col">Comentarios</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'semantics.html#the-dl-element', '&lt;dl&gt;')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-dl-element', '&lt;dl&gt;')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '&lt;dl&gt;')}}</td>
- <td>{{Spec2('HTML4.01')}}</td>
- <td>Definición inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_Web">Compatibilidad Web</h2>
-
-<div class="hidden">La tabla de compatibilidad en esta página es generada con datos estructurados. Si desea contribuir a la información, por favor revise <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> y envie una petición de extración (pull request).</div>
-
-<p>{{Compat("html.elements.dl")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{HTMLElement("dt")}} element</li>
- <li>{{HTMLElement("dd")}} element</li>
-</ul>