← Back to Skills Library

HTML5

Information Technology > Web page creation and editing

Description

HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. It's a core technology used in building websites and web applications. HTML5 introduces new elements and attributes that reflect typical usage on modern websites. It has better support for multimedia, such as native audio and video elements, and it's designed to be usable whether you're coding a website or a web application, an e-book, a mobile app, or a document. Advanced features include form controls, APIs for drawing graphics on-the-fly, storing data offline, dragging-and-dropping, geolocation, and communicating with servers in real-time. Understanding HTML5 is crucial for anyone involved in web design or development.

Expected Behaviors

LEVEL 1

Fundamental Awareness

At the fundamental awareness level, an individual is expected to have a basic understanding of HTML5. They should be familiar with the syntax and know how to use basic tags. They should also understand the structure of an HTML5 document.

🌱
LEVEL 2

Novice

A novice in HTML5 should be able to create simple pages using the language. They should understand how to use forms and input types, as well as semantic elements. They should also have a basic understanding of multimedia elements like audio and video, and the HTML5 Canvas.

🌍
LEVEL 3

Intermediate

At the intermediate level, an individual should be proficient in creating complex HTML5 pages. They should understand advanced form validation and various HTML5 APIs. They should also be able to use features like Geolocation, Web Storage, and the Drag and Drop API.

LEVEL 4

Advanced

An advanced user of HTML5 should be able to use the language for responsive web design. They should understand WebSocket and Server-Sent Events, and be proficient in using the Application Cache. They should also understand how to use Web Workers.

🏆
LEVEL 5

Expert

An expert in HTML5 should be able to optimize performance and understand security issues and solutions. They should be proficient in using HTML5 with other technologies like CSS3, JavaScript, and AJAX. They should also be able to use HTML5 for mobile app development and troubleshoot and debug HTML5 applications.

Micro Skills

LEVEL 1

Fundamental Awareness

Understanding the concept of HTML5
Awareness of the evolution of HTML5
Knowledge of the role of HTML5 in web development
Awareness of new features introduced in HTML5
Understanding the deprecated elements in HTML5
Knowledge of the improvements made in HTML5 over previous versions
Understanding the cross-platform compatibility of HTML5
Knowledge of the multimedia support in HTML5
Awareness of the semantic improvements in HTML5
Knowledge of the syntax of HTML5 doctype declaration
Understanding the purpose of doctype declaration in HTML5
Understanding the syntax of HTML5 character encoding declaration
Awareness of the importance of character encoding in HTML5
Understanding the syntax of HTML5 tags
Knowledge of the common HTML5 tags
Ability to use HTML5 tags correctly
Knowledge of what self-closing tags are in HTML5
Understanding the syntax of self-closing tags in HTML5
Awareness of when to use self-closing tags in HTML5
Understanding the syntax of HTML5 heading tags
Knowledge of the different levels of HTML5 heading tags
Ability to use HTML5 heading tags correctly
Knowledge of the syntax of HTML5 paragraph tag
Ability to use HTML5 paragraph tag correctly
Understanding the syntax of HTML5 link tag
Knowledge of the attributes of HTML5 link tag
Ability to use HTML5 link tag to link external resources
Understanding the syntax of HTML5 image tag
Knowledge of the attributes of HTML5 image tag
Ability to use HTML5 image tag to embed images
Knowledge of the syntax of HTML5 <!DOCTYPE> declaration
Understanding the purpose of <!DOCTYPE> declaration in HTML5
Understanding the syntax of HTML5 <html> root element
Knowledge of the purpose of <html> root element in HTML5
Understanding the syntax of HTML5 <head> and <body> elements
Knowledge of the purpose of <head> and <body> elements in HTML5
Ability to use <head> and <body> elements correctly in HTML5
Knowledge of the syntax of HTML5 metadata elements
Understanding the purpose of metadata elements in HTML5
Ability to use metadata elements correctly in HTML5
🌱
LEVEL 2

Novice

Knowledge of DOCTYPE declaration
Understanding of HTML, head and body tags
Familiarity with meta tags
Understanding of different HTML5 tags
Ability to use HTML5 semantic elements
Adding text to a page
Adding links to a page
Adding images to a page
Inline CSS
Internal CSS
External CSS
🌍
LEVEL 3

Intermediate

Understanding of HTML5 semantic tags
Use of HTML5 multimedia tags
Knowledge of HTML5 block-level elements
Use of HTML5 inline elements
Understanding of head, title, meta tags
Use of link, script, style tags
Understanding of HTML5 table elements
Use of HTML5 list elements
Understanding HTML5 web storage
Understanding HTML5 APIs
Using the HTML Geolocation API
Using the HTML Drag and Drop API
Using the HTML Web Storage API
LEVEL 4

Advanced

Knowledge of media query syntax
Ability to use logical operators in media queries
Applying media query listeners
Understanding and applying of percentage-based widths
Using of max-width property
Understanding of viewport units
Understanding of img srcset attribute
Understanding of picture element
Understanding of video element attributes
Understanding of viewport meta tag properties
Understanding of how viewport meta tag affects layout
Implementing SVG in HTML5
Knowing the benefits of using SVG in HTML5
🏆
LEVEL 5

Expert

Knowledge of the rendering pipeline
Knowledge of reflow and repaint
Knowledge of hardware acceleration
Understanding of DOM access costs
Using of event delegation
Knowledge of DocumentFragment
Knowledge of Web Workers
Understanding of the limitations of Web Workers
Knowledge of requestAnimationFrame
Knowledge of animation performance
Knowledge of event bubbling and capturing
Understanding of event throttling and debouncing
HTML5 and CSS3
HTML5, CSS3 and JavaScript
HTML5 and AJAX
HTML5 for mobile app development and troubleshoot and debug HTML5 applications

Skill Overview

  • Expert3 years experience
  • Micro-skills93
  • Roles requiring skill13

Sign up to prepare yourself or your team for a role that requires HTML5.

LoginSign Up