🌐
BelieveMy
believemy.com › en › glossaries › html-and-css › dd
<dd> | HTML and CSS glossary
Defines the description of a term in a list of HTML definitions. ... The <dd> tag is used in HTML to specify the definition of a term in a definition list, generally within a <dl> (definition list) tag.
🌐
W3Schools
w3schools.com › tags › tag_dd.asp
HTML dd tag
The <dd> tag is used in conjunction with <dl> (defines a description list) and <dt> (defines terms/names).
🌐
DotFactory
dofactory.com › html › dd
HTML dd Tag
Both <dt> and <dd> tags must be inside a <dl> element, which is a list of terms and their descriptions. Three <dd> elements with museum locations. ... <dl> <dt>National Gallery of Art</dt> <dd>Washington DC, USA</dd> <dt>Musée d'Orsay</dt> <dd>Paris, France</dd> <dt>Kunstmuseum</dt> <dd>Basel, Switzerland</dd> </dl> Try it live · dl = description list dt = data term dd = data description · Note: The <dd> tag accepts text, as well as HTML elements such as paragraphs, images, and lists.
🌐
W3C
w3.org › TR › 2011 › WD-html5-author-20110809 › the-dd-element.html
4.5.10 The dd element — HTML5: Edition for Web Authors
May 4, 2011 - In the following example, each entry, given by a dt with a dfn, has several dds, showing the various parts of the definition. <dl> <dt><dfn>happiness</dfn></dt> <dd class="pronunciation">/'hæ p. nes/</dd> <dd class="part-of-speech"><i><abbr>n.</abbr></i></dd> <dd>The state of being happy.</dd> <dd>Good fortune; success.
🌐
Educative
educative.io › answers › what-is-the-dd-element-in-html
What is the <dd> element in HTML?
The <dd> tag stands for description detail. It is used in a description list (<dl> tag) to describe a term that is mentioned by the description term tag (<dt>).
🌐
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › dd
<dd>: The Description Details element - HTML | MDN
The <dd> HTML element provides the description, definition, or value for the preceding term (<dt>) in a description list (<dl>).
🌐
W3docs
w3docs.com › learn-html › html-dd-tag.html
HTML dd Tag - Learn HTML | W3Docs
(Learn more about HTML lists). The <dd> element is a block-level element and can comprise other elements: paragraphs, lists, images, links, and so on. It is placed within <body>. The default content of the <dd> element has an outer margin on the left side. The <dd> tag comes in pairs.
🌐
Quackit
quackit.com › html › tags › html_dd_tag.cfm
HTML <dd> Tag
The <dd> tag is written as <dd></dd> with the definition description inserted between the start and end tag.
🌐
GeeksforGeeks
geeksforgeeks.org › html › html-dd-tag
HTML dd Tag - GeeksforGeeks
November 26, 2024 - The <dd> tag in HTML is used to define a description or value in a description list, which is created using the <dl> (description list) tag.
Find elsewhere
🌐
Envato Tuts+
webdesign.tutsplus.com › home › web design › html/css › html
HTML Element: dd | Envato Tuts+
August 17, 2023 - The HTML dd element represents “description details”. It’s paired with dt (description term) and placed within a dl (description list) to give us the description or definition of a term.
🌐
W3Schools
w3schools.com › jsref › dom_obj_dd.asp
HTML DOM DD Object
<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> sear
Top answer
1 of 11
108

I guess it's up to you to determine the semantics, but in my opinion:

Rather than a definition list, form-related properties should be used.

<form>
  <label for="fullname">Full Name:</label>
  <input type="text" name="fullname" id="fullname">
  <label for="email">Email Address:</label>
  <input type="text" name="email" id="email">
</form>

The "for" attribute in the <label> tag should reference the "id" attribute of a <input> tag. Note that when labels are associated with fields, clicking the label will put the associated field in focus.

You can also use tags like <fieldset> to cluster sections of a form together and <legend> to caption a fieldset.

2 of 11
48

I've successfully used the technique outlined in this article several times.

I agree with sjstrutt that you should use form related tags like label and form in you forms, but the HTML outlined in his example, will often lack some code you can use as "hooks" for styling your form with CSS.

As a consequence of this I markup my forms like this:

<form name="LoginForm" action="thispage">
    <fieldset>
        <legend>Form header</legend>
        <ul>
            <li>
                <label for="UserName">Username: </label>
                <input id="UserName" name="UserName" type="text" />
            </li>
            <li>
                <label for="Password">Password: </label>
                <input id="Password" name="Password" type="text" />
            </li>
        </ul>
    </fieldset>
    <fieldset class="buttons">
        <input class="submit" type="submit" value="Login" />
    </fieldset>
</form>

This approach leaves me with a comprehensible set of tags, which contains enough hooks to style the forms in a lot of different ways.

🌐
Sololearn
sololearn.com › en › Discuss › 1102594 › what-is-the-dd-tag-in-html-
What is the <dd> tag In HTML ? | Sololearn: Learn to code for FREE!
February 26, 2018 - The <dd> tag is used in conjunction with <dl> (defines a description list) and <dt> (defines terms/names). Inside a <dd> tag you can put paragraphs, line breaks, images, links, lists, etc. https://www.w3schools.com/Tags/tag_dd.asp https://developer.mozilla.org/en/HTML/Element/dd ·
🌐
Medium
bloycey.medium.com › how-to-style-dl-dt-and-dd-html-tags-ced1229deda0
How to style dl, dt, and dd HTML tags | by Andrew Bloyce | Medium
December 22, 2021 - In short “dl” stands for “Definition List” and is useful anywhere you might use a label and a definition. The problem is that the raw HTML implementation of <dl> doesn’t quite have the layout that you might expect. Here’s some markup for an unstyled definition list: <dl> <dt>Full Name:</dt> <dd>Santa Claus</dd> <dt>Tasks:</dt> <dd> Deliver presents to boys and girls</dd> <dd> Feed Rudolph the reindeer</dd> <dt> Age:</dt> <dd> 3500 years old (approx)</dd> </dl>
🌐
W3Resource
w3resource.com › html › definition-lists › HTML-definition-lists-dl-dt-dd-tags-elements.php
HTML definition list - dl, dt, dd tag and elements - HTML tutorials - w3resource
August 19, 2022 - HTML dl, dt and dd elements are part of HTML Lists. Yes for dl element and start tag required but end tag optional for dt and dd elements.
🌐
GUVI
guvi.in › hub › html-5-references-tutorial › html-dd-tag
HTML dd Tag
HCL GUVI's Learner's Hub offers comprehensive modules on HTML, Python, JS, and more. Start your journey today and become a coding pro.
🌐
Computer Hope
computerhope.com › jargon › h › html-dd-tag.htm
HTML <dd> Tag
When writing in HTML (HyperText Markup Language), the <dd> tag, also called the HTML description element, gives details about a term in a description list (<dl>). The <dd> tag must be the child of the list or <dt> tag.
🌐
W3Schools
www-db.deis.unibo.it › courses › TW › DOCS › w3schools › tags › tag_dd.asp.html
HTML dd tag
Inside a <dd> tag you can put paragraphs, line breaks, images, links, lists, etc. In HTML 4.01, the <dd> tag was used to describe an item in a definition list.
🌐
Scaler
scaler.com › home › topics › tag in html
<dd> Tag in HTML - Scaler Topics
May 4, 2023 - The dd tag can contain nested lists. Since dd is a block element, so we can include paragraphs, images, lists, etc. ... By default, the browser has some default styles for every HTML element called user agent styles since these are by default styles of the browser, so they can be slightly different for different browsers.
🌐
TutorialsCampus
tutorialscampus.com › html › dd-tag.htm
HTML DD Tag
The <dd> tag stands for “description/details data”, and it's used to describe a term or name that has been defined using the <dt> tag. Both <dt> and <dd> are used inside a <dl> tag, which stands for description list (or definition list).