Home > Articles > Mobile Application Development & Programming

  • Print
  • + Share This
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

  • + Share This
  • 🔖 Save To Your Account