HTML - dt element

About

dt 1) is an element that:

  • represents the term
  • that would be describe by the dd element
  • in a description list (dl element)

Example

This example shows a list of frequently asked questions (a FAQ) marked up using:

  • the dt element for questions
  • and the dd element for answers.
<article>
 <h1>FAQ</h1>
 <dl>
  <!-- question -->
  <dt>What do we want?</dt>
  <!-- answer -->
  <dd>Our data.</dd>
  
  <!-- question -->
  <dt>When do we want it?</dt>
  <!-- answer -->
  <dd>Now.</dd>
  
  <!-- question -->
  <dt>Where is it?</dt>
  <!-- answer -->
  <dd>We are not sure.</dd>

 </dl>
</article>





Discover More
HTML - Description List (dl)

dl is an list HTML element that represents a description list The lists has several element that are represented by: the dt element - the description term the dd element - the name A Output:...
HTML - dd Element

dd is a element that represents the description (definition, value) of a dt(term) element in a description list (dl element). A dl can be used to define a vocabulary list, like in a dictionary....
HTML - dfn element (Defining term)

dfn is an HTML element that locates the definition of a term and can be addressed as fragment in an URI. fragment of an URI The below phrase define the term represent. With a description list...
Chrome Devtool Selector
Has

Note that ordering matters in the above selector. Swapping the nesting of the two pseudo-classes would result matching any nth-child and last-child are child selector
Chrome Devtool Selector
Selector - Logical Pseudo-Class

Logical Pseudo-class are: * :matches * :not * :has * :is that return a boolean value (ie logical). They are predicate expression. Example of a selector when the element has the class fade...



Share this page:
Follow us:
Task Runner