HTML and CSS Reference
In-Depth Information
<head>
<meta charset=”utf-8”>
<title>HTML5 Foundations</title>
<meta name=”keywords” content=”html5,web design,treehouse”>
<meta name=”description” content=”A book to help you get started with web-
site design.”>
</head>
The
<meter>
element is used to display data relative to a scale. You can use the
min
,
max
,
low
,
high
,
optimum
, and
value
attributes to specify data points on the scale.
<meter>
<meter min=”-20” low=”5” max=”30” high=”20” optimum=”15”
value=”-10”></meter>
The
<nav>
element is used to define an area on the page that contains links to other pages or sections
within the same document. The
<nav>
element should be used only for primary navigation links, like
the main site navigation.
<nav>
<ul>
<li><a href=”about.html”>About</a></li>
<li><a href=”services.html”>Services</a></li>
<li><a href=”contact.html”>Contact</a></li>
</ul>
</nav>
<nav>
The
<noscript>
element is used to specify some content that should be displayed if JavaScript is not
available in the user's web browser.
<noscript>
<noscript>Please enable JavaScript to use this website.</noscript>
The
<object>
element represents an external resource that can be processed by a plug-in. Many de-
velopers use the
<object>
element in combination with
<embed>
to embed a Flash application or
video into a web page.
<object width=”560” height=”315”>
<param name=”movie” value=”http://www.youtube.com/v/Hb-
cGxFeK8zo?version=3&hl=en_US”></param>
<param name=”allowFullScreen” value=”true”></param>
<param name=”allowscriptaccess” value=”always”></param>
<embed src=”http://www.youtube.com/v/HbcGxFeK8zo?version=3&hl=en_US”
type=”application/x-shockwave-flash” width=”560” height=”315” allowscriptac-
cess=”always” allowfullscreen=”true”></embed>
</object>
<object>
The
<ol>
element is used to mark up an ordered list. This list may contain 0 or more
<li>
elements
(list items). Web browsers will display numbers next to each of the list items by default, however this be-
havior can be changed using CSS.
<ol>
<li>Item One</li>
<li>Item Two</li>
<ol>
