HTML and CSS Reference
In-Depth Information
Table 1.1
New Element
Container for a known range of values (for example, disk use)
Representation of a section of a document intended for navigation
Defi nes the progress of a task of any kind
Representation of the progress made in a task (such as percentage complete in a
download operation)
Indicator in Ruby (a programming language) annotations to defi ne what to show brows-
ers that don't support the <ruby> element
Marks the ruby text component of a ruby annotation
Element for spans with ruby annotations
Theme identifi er for content grouping
Container for multiple specifi cation of media resources
Information on a <details> element
Container for a date/time
Element for linking to a video fi le
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
smashinghtml5 .)
< html >
< head >
Search WWH ::

Custom Search