HTML5: New Features

HTML5 is the latest generation of markup languages used to create content for the web. It is also used as a programming language for mobile (smartphone and tablet) application development. When people say “HTML5,” they typically mean not only the latest version of HTML, but also CSS, JavaScript, and various markup languages used to represent other kinds of web content, such as SVG (graphics) and MathML (mathematical formulas).

Web browsers, which display content coded in these languages, have evolved rapidly over the last few years. This course focuses on the new and advanced features of HTML5, covering how to create HTML5 and CSS3 markup that will work well on the widest possible variety of web browsers, mobile devices, and machine readers, such as search engine web crawlers. The course also demonstrates how to use advanced HTML5 multimedia features such as video, audio, and animation.

To find out when this course is being offered next, please refer to our Course Schedule.

This course is designed for those who have experience authoring content in HTML and CSS, and want to learn how to use new HTML5 and CSS3 features. This course can be taught on Windows, Mac OS X, or Linux, and supports developers who work in any of those environments. Although JavaScript knowledge is helpful, HTML and CSS are the focus, so this course does not require that the learner have extensive JavaScript skills.

This course assumes that students are comfortable authoring web content in HTML and CSS, and are familiar with fundamental web server and content-delivery concepts, such as how content is posted on a web server and delivered to users through a browser. This course can serve as an upgrade path for developers who are experienced in older versions of HTML and CSS, or who have learned HTML content authoring fundamentals through the HTML5: Content Authoring Fundamentals course.

In this course, you will develop web content in HTML5 and CSS3 following principles of responsive web design. You will:

• Optimize HTML content to take advantage of HTML5 and CSS3 features.
• Write advanced CSS3 selectors and media queries.
• Use advanced background and border options introduced in CSS3.
• Use advanced text formatting options introduced in CSS3.
• Use HTML5 graphics and multimedia elements, including transforms, animation, audio, and video.
• Follow best practices to enable HTML content to be successfully processed by many different web browsers and machine readers.

Lesson 1: Creating HTML5 Content
Topic A: Develop Web Content to Follow Standards
Topic B: Update Legacy Web Content to Meet HTML5 Requirements

Lesson 2: Using Advanced Techniques to Select and Apply Styles
Topic A: Use Advanced CSS Selectors
Topic B: Provide Alternate Layouts Based On Device Characteristics

Lesson 3: Using Advanced Background and Border Techniques
Topic A: Use Advanced Techniques to Create Backgrounds
Topic B: Use Advanced Techniques to Create Borders

Lesson 4: Incorporating Advanced Text Formats
Topic A: Use Web Fonts
Topic B: Apply Advanced Text Styles

Lesson 5: Adding Animation and Multimedia
Topic A: Use 2D Transforms
Topic B: Use Animation Styles
Topic C: Embed Audio and Video in a Web Page

Lesson 6: Making HTML Readable and Accessible
Topic A: Support Various Browsers
Topic B: Improve Markup to Benefit Human and Machine Readers