Web Design with HTML and CSS

(National Geographic (Little) Kids) #1

HTML5 markup


Lesson 12, HTML5 Essentials 257

HTML5 markup


HTML5 markup introduces a number of new tags designed to make the structure of a web
page more logical and functional. Recall the lessons on basic and advanced layout: you relied
heavily on the

tag and often paired this tag with a CSS class or ID. For example, the
code for your header was:



The ID name “header” is arbitrary. Some designers might use the name masthead,
topsection, or rectangle_on_top. To add logic and consistency, HTML5 uses a unique
new tag named
, so you would use the following code:
This is my header

HTML5 has a few new tags based on this same concept, such as
,