¿Cómo definir un término o nombre en una lista de definiciones usando HTML5?

HTML5 proporciona una forma de especificar un término y una definición asociados con él de forma formateada. Una lista de descripciones (o una lista de definiciones en versiones anteriores) proporciona una disposición sistemática de un término y su definición.

Las siguientes etiquetas se utilizan para definir una lista de definición:

  • <DL>: Esta es la lista de definiciones. Contiene el término y su definición como filas y datos en tablas.
  • <DT>: Este es el Término de Definición. Tiene el término por definir.
  • <DFN>: Este es el Elemento de Definición. Ostenta el término que se define dentro del contenido.
  • <DD>: Esta es la Definición o Descripción. Contiene la definición de un término dado.

El siguiente ejemplo ilustra la creación de listas de definiciones.

Ejemplo: Este ejemplo crea una lista de definiciones con 2 términos, Machine Learning e Inteligencia Artificial con sus respectivas definiciones.

HTML

<html>
<body>
  <h1>Sample List</h1>
  <dl>
    <dt>
      <dfn>
        Machine Learning
      </dfn>
    </dt>
    <dd>Development of a system
      that is able to learn and adapt
      without it given any specific
      instructions.
    </dd>
    <dt>
      <dfn>
        Artificial Intelligence
      </dfn>
    </dt>
    <dd>Artificial intelligence refers
      to the simulation of intelligence
      that resembles human logic in machines.
    </dd>
    <dd>AI is the future of machines that 
      need to perform human tasks.
    </dd>
  </dl>
</body>
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por hemavatisabu y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *