11 - Organize Content
To improve the structure of your web pages, you need HTML5’s new
semantic elements. The names of these tags are representative of semantic
markup.
In HTML 4.01 and before, developers had to rely on the use of the
tag to perform a variety of functions. The tag often includes a
class or id attribute, which may also include CSS styles such as background-
color, height, and width.
- class and id are global attributes, which means that they can be used with
all HTML elements
- class is used to identify a group of elements
- id is used to identify individual elements
A simple example of a tag is: This is a header
Markup in HTML 4.01 vs. HTML5
HTML5 offers new semantic elements to define different parts of a
web page:
tag often includes a
A simple example of a
class or id attribute, which may also include CSS styles such as background-
color, height, and width.
- class and id are global attributes, which means that they can be used with
all HTML elements
- class is used to identify a group of elements
- id is used to identify individual elements
A simple example of a tag is: This is a header
Markup in HTML 4.01 vs. HTML5
HTML5 offers new semantic elements to define different parts of a
web page:
This is a header