Web Design with HTML and CSS

Self study

Lesson 12, HTML5 Essentials 269

Self study

1 HTML5 is an evolving standard; however, you can read about the latest news and

developments by visiting html5doctor.com.

2 Visit html5boilerplate.com and download the commented version of the template fi les.

Modify these template fi les and reproduce your SmoothieWorld site using your existing

assets. The WebKit browser engine used with Apple Safari and Google Chrome has

the most support for advanced HTML5 and CSS3 features at the time of this writing.

Download both of these browsers, perform a a search for HTML5 gallery or HTML5

canvas online, and explore the sites and experiments that designers and developers have

created that take advantage of the new features.

Review

Questions

1 What is the diff erence between the HTML5 core and the HTML5 family?

2 What is the intent of the new HTML5

Answers

1 The HTML5 core represents the changes to HTML syntax, most noticeably the addition

of new tags, such as <header>, <nav>, <video>, <audio>, and many more. The

HTML5 family represents the new syntax and supporting technologies, such as CSS3,

Geolocation, and Canvas, among others.

2 The new <video> and <audio> tags are designed to allow browsers that support them

to embed multimedia within a web page without the need for a browser plug-in such as

Flash. The issues involved with using these tags include the fact that older browsers will

not recoginize the tags; therefore, you must provide a fallback. Additionally, even among

browsers that support the tags, the video and audio formats are not standardized, so

designers must still provide fallbacks if they want to ensure all users can view or listen to

their content.

3 CSS3 is currently in various stages of support, but it will allow the following capabilities:

CSS Animations, Transitions and Transforms, as well as rounded corner, gradient,

dropshadow and other styles.