Working with new text-based elements

Now, we will take a quick look at some new additions to the HTML language that allow us to further refine our text markup. These elements, while not used as regularly as the previous elements, are useful to know or be aware of.

In this section, we will look at the following HTML text-based elements:

• address
• details
• abbr

address

The address element is used to mark up content that contains contact information. This could be an email address, phone number, physical address, or even a social media profile:

<address>
  You can visit us at:<br />
  123 HTML Street
  London
  E1 101
</address>

A web page from the preceding code would appear as follows:

Figure 3.14

Details

The details element creates a widget that allows content to be toggled as visible and hidden to the user. You have to provide a label for the widget using the summary...