HTML and CSS Reference
In-Depth Information
TABLE 1-1
HTML5 semantic markup
HTML5 element
Description
Defines self-contained areas on a page
<article>
Defines smaller content areas outside the flow of a webpage
<aside>
Defines the caption of a figure element
<igcaption>
Defines content that contains a figure, such as an image, chart, or picture
<igure>
Defines the bottom of a section or page
<footer>
Defines the top of a section or page
<header>
Defines a group of headings (H1-H6 elements)
<hgroup>
Defines text that should be highlighted
<mark>
Defines navigation to other pages in the site
<nav>
Defines the progress of the task
<progress>
Defines the distinct content of a document
<section>
NOTE
USE ONLY WHAT YOU NEED
When designing a webpage, you don't necessarily need to use every available element.
Instead, use only the elements you need to get your job done.
Understanding the core structure of an HTML5 page
Although a browser can render any plain text file, to provide any structure to the document
the page must contain the basic elements that you are about to learn. Although this topic
assumes you have a basic understanding of how webpages are structured, the following
HTML code demonstrates the basic template of an HTML5 page:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
</head>
<body>
<!-- page content goes here -->
</body>
</html>
Search WWH ::
Custom Search