diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:46:50 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:46:50 +0100 |
commit | a55b575e8089ee6cab7c5c262a7e6db55d0e34d6 (patch) | |
tree | 5032e6779a402a863654c9d65965073f09ea4182 /files/es/web/html/elemento/dl/index.html | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-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.html | 219 |
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><dl></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><dl></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"><dl> - <dt>Firefox</dt> - <dd> - A free, open source, cross-platform, - graphical web browser developed by the - Mozilla Corporation and hundreds of - volunteers. - </dd> - - <!-- Other terms and descriptions --> -</dl> -</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"><dl> - <dt>Firefox</dt> - <dt>Mozilla Firefox</dt> - <dt>Fx</dt> - <dd> - A free, open source, cross-platform, - graphical web browser developed by the - Mozilla Corporation and hundreds of - volunteers. - </dd> - - <!-- Other terms and descriptions --> -</dl> -</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"><dl> - <dt>Firefox</dt> - <dd> - A free, open source, cross-platform, - graphical web browser developed by the - Mozilla Corporation and hundreds of - volunteers. - </dd> - <dd> - 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). - </dd> - - <!-- Other terms and descriptions --> -</dl> -</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"><dl> - <dt>Name</dt> - <dd>Godzilla</dd> - <dt>Born</dt> - <dd>1952</dd> - <dt>Birthplace</dt> - <dd>Japan</dd> - <dt>Color</dt> - <dd>Green</dd> -</dl> -</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"><dl> - <div> - <dt>Name</dt> - <dd>Godzilla</dd> - </div> - <div> - <dt>Born</dt> - <dd>1952</dd> - </div> - <div> - <dt>Birthplace</dt> - <dd>Japan</dd> - </div> - <div> - <dt>Color</dt> - <dd>Green</dd> - </div> -</dl> -</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', '<dl>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-dl-element', '<dl>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '<dl>')}}</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> |