HTML and CSS Reference
In-Depth Information
Table 1.1
(continued)
New Element
Description
<meter>
Container for a known range of values (for example, disk use)
<nav>
Representation of a section of a document intended for navigation
<output>
Defi nes the progress of a task of any kind
<progress>
Representation of the progress made in a task (such as percentage complete in a
download operation)
<rp>
Indicator in Ruby (a programming language) annotations to defi ne what to show brows-
ers that don't support the
<ruby>
element
<rt>
Marks the ruby text component of a ruby annotation
<ruby>
Element for spans with ruby annotations
<section>
Theme identifi er for content grouping
<source>
Container for multiple specifi cation of media resources
<summary>
Information on a
<details>
element
<time>
Container for a date/time
<video>
Element for linking to a video fi le
10
<wbr>
Representation of a line break opportunity to guide the hyphenation of long words or
text strings
Some of the new elements, like
<video>
and
<audio>
add multimedia to HTML and
represent a major new capacity to HTML. Others, like
<ruby>
, are quite specialized, and
unless you need certain East Asian characters, you're unlikely to use that element.
One characteristic of many of the new tags is that they work in conjunction with CSS3 or
JavaScript. However, most of the new elements still work on their own, without any added
help. When adding a style or some of the cooler features, you may i nd yourself using a bit of
CSS3 or JavaScript, but you don't have to learn the entire JavaScript language or even CSS3 to
have some fun with it.
For example, the following script uses the new
<datalist>
element that has not been
available in earlier versions of HTML. Enter the following code in a text editor, save it as
Datalist.html
, open it in your Web browser, and you'll see how it assists users in entering
data. (You can i nd
Datalist.html
in this chapter's folder at
www.wiley.com/go/
smashinghtml5
.)
<!
DOCTYPE HTML
>
<
html
>
<
head
>
