This chapter is from the book
This chapter is from the book
This chapter is from the book
Summary
This hour you’ve learned the basics of HTML and how to create content so that it is ready to be converted to responsive design. You’ve learned about some HTML5 tags for content, layout, and page setup. Table 5.1 describes these tags and Table 5.2 describes the attributes. You’ve also learned how to create clean HTML and how to validate it.
TABLE 5.1 HTML Elements Covered in Hour 5
Element |
Description |
<a> |
A link or an anchor |
<abbr> |
A link or an anchor |
<article> |
An article or a basic block of content that could be syndicated |
<aside> |
A related block of content |
<audio> |
A sound or audio file |
<body> |
The body of an HTML document |
<br> |
Line break |
<cite> |
A citation |
<code> |
A code reference |
<div> |
A division of the HTML that doesn’t have semantic meaning |
<!doctype> |
The document type declaration |
<em> |
Emphasis |
<footer> |
The footer portion of a page or section |
<h1> <h2> <h3> |
Headline levels |
<head> |
The head or metadata of an HTML document |
<header> |
The header portion of a page or section |
<html> |
An HTML container element |
<img> |
An image or a graphic |
<meta charset> |
A meta character set declaration |
<nav> |
A navigation section |
<p> |
A paragraph |
<q> |
A short inline quotation |
<section> |
A semantically distinct section of content |
<span> |
An inline span of content |
<strong> |
Strong emphasis |
<title> |
The title of a web page |
<video> |
A video file |
TABLE 5.2 HTML Attributes Covered in Hour 5
Attribute |
Description |
id |
A unique identifier |
class |
A classification attribute, which need not be unique |
This hour you’ve also learned how semantic HTML can help you create content with meaning. You’ve learned some HTML5 elements that are semantic as well as how to use microformats to add classes to your HTML to give the content even more semantic meaning. Table 5.3 lists the microformats and what they do.
TABLE 5.3 Microformats Covered in Hour 5
Microformat |
Description |
hCalendar |
Marks up events and dates for use in calendars |
hCard |
Marks up events and dates for use in calendars |
hRecipe |
Marks up recipes |
hReview |
Marks up product and service reviews |