It's not news to any web developer that table-based layouts are way out of style. Tables were originally intended for tabular data, or data in which the rows are related to each other.<\/p>\n
There is a case to made for tables though.<\/p>\n
But, if the none of the above apply to your particular set of data, you might find yourself more comfortable inside the definition list<\/strong> (DL). The definition list makes sense, in most cases, where the data values are unrelated to each other.<\/p>\n For instance, if you were to display a list of temperature highs and lows for each day over the past month, a three column table <\/strong>makes sense, as the only unit is temperature, and it makes for easy sorting of the data.<\/p>\n However, if you are displaying information about a person (height, weight, age, etc.), the units are completely unrelated (inches\/feet\/meters, lbs\/kg, years, etc), and hence gain no value from being placed in a table<\/strong>.<\/p>\n The definition list <\/strong>however, was designed for this type of information. Each definition list can contain children called terms (DT) and definitions (DD). It's easy to see the maintenance advantage over tables:<\/p>\n With just a little CSS, we can even mimic the look of a table:<\/p>\n It's not news to any web developer that table-based layouts are way out of style. Tables were originally intended for tabular data, or data in…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"amp_status":""},"categories":[14],"tags":[147],"_links":{"self":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/462"}],"collection":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/comments?post=462"}],"version-history":[{"count":2,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/462\/revisions"}],"predecessor-version":[{"id":464,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/462\/revisions\/464"}],"wp:attachment":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media?parent=462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/categories?post=462"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/tags?post=462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<dl>
\n\t<dt>Name<\/dt>
\n\t<dd>Bob Smith<\/dd>
\n\t<dt>Height<\/dt>
\n\t<dd>5'7"<\/dd>
\n\t<dt>Age<\/dt>
\n\t<dd>33<\/dd>
\n\t<\/dl>
\n\t<\/code><\/p>\ndl { margin-bottom: 50px; }
\n\tdt { float: left; font-weight: bold; padding: 5px 10px 5px 0; width: 100px; }
\n\tdd { padding: 5px 0; }
\n\t<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"