On the `dl`

No Comments

Running a blog about HTML parts¹? *cooks kiss*

Right here’s Ben Myers on the (aptly described) “underrated” Definition Checklist (<dl>) factor in HTML:

You may need additionally seen lists of identify–worth pairs to explain lodging facilities, or to record out particular person prices in your month-to-month lease, or in glossaries of technical phrases. Every of those is a candidate to be represented with the <dl> factor.

Component
Definition Checklist

Coolness issue
10/10

Versatility
7/10

Ben says he’s happy with HTML semantics, even when the advantages of utilizing them are theoretical. However within the case of <dl>, there are a minimum of some tangible display screen reader advantages, like the truth that the variety of gadgets within the record is introduced, as anticipated (for essentially the most half), like ordered and unordered lists. Though that makes you curious what quantity it pronounces, doesn’t it? Is it the variety of youngsters, no matter kind? Simply the <dt> parts?

Talking of youngsters, this would possibly look bizarre:

<dl>
<div>
<dt>Title</dt>
<dd>Designing with Internet Requirements</dd>
</div>
<div>
<dt>Creator</dt>
<dd>Jeffrey Zeldman</dd>
<dd>Ethan Marcotte</dd>
</div>
<div>
<dt>Writer</dt>
<dd>New Riders Pub; third version (October 19, 2009)</dd>
</div>
</dl>

However these middleman <div>s that group issues collectively are cool now. They’re awfully useful while you wish to type the groupings as “rows” or do one thing like add a border under every group. No <div>s for ordered or unordered record although, simply definition lists. Fortunate sacks. What’s subsequent? Is <hgroup> gonna make a comeback?

I keep in mind Jen Kramer did 30 days of HTML not way back, and that was enjoyable.

The publish On the `dl` appeared first on CSS-Tips. You possibly can assist CSS-Tips by being an MVP Supporter.

    About Marketing Solution Australia

    We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

    Request a free quote

    We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

    Subscribe to our newsletter!

    More from our blog

    See all posts

    Leave a Comment