09: Custom Tags

In this lesson you'll learn that you can use almost any name for an HTML tag, and use it to describe your document. Normally people stick to only approved tags for their documents, using <div> for almost everything. This works, but it tends to make the HTML far more complicated than it needs to be, and also tightly couples your CSS to your HTML document structure. When you use simpler custom tag names you're able to describe your document semantically, which makes it easier to manage.

Warm-up

Create a new .html file with the usual HTML5 template and then put this in it:

<person>
<name>Zed A. Shaw</name>
<paid>true</paid>
<admin>true</admin>
<last-login>2022-03-04 12:00:00</last-login>
<unsubscribe>true</unsubscribe>
</person>