Html <dd> Tag
In an HTML description list, an item's definition or description is indicated using the definition description ("dd" tag).
A <dd> tag can contain paragraphs, line breaks, images, links, and lists. It is used in combination with the <dl> tag, which describes the description list, and the <dt> tag, which describes the terms in the description list. The end tag is not necessary for the <dd> tag, but the starting tag is important.
As well as block elements, the <dd> tag also supports inline elements.
Syntax
The <dd> tag is written in pairs. Between the opening (dd) and closing (/dd) tags, content is located like this:
<dd>write your content here </dd>
Example
<!DOCTYPE html>
<html>
<body>
<h1>Tutorial and Example</h1>
<h2>HTML dd Tag</h2>
<dl>
<dt>Tutorial and Example</dt>
<dd>It is an extensive classroom programme
for enhancing Web Development Skills</dd>
<br>
<dt>DS Algo</dt>
<dd>It is a course designed for beginners
in DS Algo</dd>
<br>
<dt>Interview Preparation</dt>
<dd>It is a course designed for preparation
of interviews in top product-based companies.</dd>
</dl>
</body>
</html>
Output:
Accessibility Concerns
Making websites accessible means ensuring that everyone, including those with hearing, vision, cognitive, physical, or neurological impairments, can use them and understand them properly.
In addition to this, accessibility is crucial for good UX and SEO. The HTML tags must be contained in parent tags, otherwise screen readers won't be able to read them.
A specific hierarchy must be followed in the definition list. A definition list is defined by the dl tag, which should contain an alternating pair of dt and dd elements.
There must be a dd element for each dt element. The dt and dd elements are the only elements that can be written inside the definition list.
This makes it possible for users to comprehend the proper hierarchy of the information which is attempting to convey.
Attributes
Both Global Attributes and Event Attributes are supported by the dd tag.
The dd tag has the following distinctive feature:
No wrap
This attribute has two possible values: yes and no. If the value is yes, the definition text will not wrap, and vice versa. The default value of No Wrap is No.
How <dd> tag is useable in HTML?
For writing the definition of the terms in a description list, use the HTML dd tag. Its <dd> tag must always be contained within an <dl> element, and it should be followed by a <dt> tag or another <dd> tag. The another dd tag is used when there are multiple descriptions for a single term.
Similar to a div tag, a dd tag also enables you to add paragraphs, pictures, links, pictures, and even more lists. As well as block elements, the <dd> tag also supports inline elements.
What is <dl> tag?
It defines the description list.
There are two or more entries for each list item in a definition list, association list, or description list: a term (dt), and a description (dd).
An important point to remember is that a definition term can have multiple connections to descriptions. Each term must have its own set of dt tags (no more than one term should be contained within a single dt element).
Additionally, keep in mind that the definition term (dt) does not indicate the term which is to be defined. HTML offers the DFN tag to do this.
Syntax
The dt and dd elements are inserted between the start and end tags of the <dl> tag, which is written as<dl>…. </dl>. How many of those components there are will depend on how many definition terms and descriptions there are in the list.
<dl>Here write your definable list </dl>
What is <dt> tag?
A <dt> element must be used inside a <dl> HTML element because it defines a term in a description or definition list. However, multiple dt elements in a row indicate multiple terms that are all defined by the immediately following dd element. It is typically followed by a dd element.
It should be noted that a definition term can be connected to multiple descriptions. Additionally, different terms may be used to describe the same thing (for example, in the case where there are multiple spellings of a term being defined). In this situation, each term must have its own set of dt tags. There should be no more than one term contained within a single dt element.
Syntax
<dt> Write here your definable term </dt>
Browser Compatibility
Chrome
Firefox
Safari
Opera Mini
Conclusion
The <dd> tag in HTML is used to indicate the definition or description of an item in a description list. A <dd> tag can contain paragraphs, line breaks, images, links, and lists. It is used in combination with the <dl> tag, which describes the description list.