HTML5 introduces a new set of elements that allow you to divide up the parts of a page. The names of these elements indicate the kind of content you will find in them. They are still subject to change, but that has not stopped many web page authors using them already.
The header and footer elements can be used for: ● The main header or footer that appears at the top or bottom of every page on the site. ● A header or footer for an individual article or section within the page.
nav
The nav element is used to contain the major navigational blocks on the site such as the primary site navigation.
The article element acts as a container for any section of a page that could stand alone and potentially be syndicated. This could be an individual article or blog entry, a comment or forum post, or any other independent piece of content.
The aside element has two purposes, depending on whether it is inside an article element or not.
The section element groups related content together, and typically each section would have its own heading.
The purpose of the hgroup element is to group together a set of one or more h1 through h6 elements so that they are treated as one single heading.
It is important to note that the article should still make sense if the content of the (figure) element were moved (to another part of the page, or even to a different page altogether).
- It's important to understand who your target audience is, why they would come to your site, what information they want to find and when they are likely to return.
- Site maps allow you to plan the structure of a site.
- Wireframes allow you to organize the information that will need to go on each page.
- Design is about communication. Visual hierarchy helps visitors understand what you are trying to tell them.
- You can differentiate between pieces of information using size, color, and style.
- You can use grouping and similarity to help simplify the information you present.
- DOCTYPES tell browsers which version of HTML you are using.
- You can add comments to your code between the
- The id and class attributes allow you to identify particular elements.
- The and elements allow you to group block-level and inline elements together.
- cut windows into your web pages through which other pages can be displayed.
- The tag allows you to supply all kinds of information about your web page.
- Escape characters are used to include special characters in your pages such as <, >, and ©.