HTML5 is the fifth and current version of the HTML standard for structuring the content of a website. It includes new features such as semantic elements, multimedia support, and improved forms, as well as new APIs for offline storage and drag-and-drop functionality. HTML5 is designed to be more compatible with modern web browsers and devices, and to make it easier to create rich, interactive web pages.
- Semantic elements: HTML5 introduces new elements such as
<header>,<nav>,<article>,<section>, and<footer>that make it easier to structure the content of a webpage. - Multimedia support: HTML5 includes built-in support for video and audio playback, without the need for plug-ins such as Flash.
- Improved forms: HTML5 introduces new form controls such as date pickers, search boxes, and sliders, as well as new attributes for form validation.
- Canvas: HTML5 introduces a new
<canvas>element that allows for dynamic, scriptable rendering of 2D graphics. - Offline storage: HTML5 provides APIs for storing data locally on the user’s device, so that web pages can be accessed offline.
- Web workers: HTML5 provides a way to run JavaScript scripts in the background, without blocking the user interface.
- Drag-and-drop: HTML5 provides a way to easily implement drag-and-drop functionality in web pages.
- Microdata : HTML5 provides a way to embed machine-readable data in HTML documents and can be used for SEO and accessibility purpose.
- WebSockets: HTML5 provides a way to open a two-way communication channel between a browser and a server, enabling real-time data transfer.
- Web Storage: HTML5 provides an API for storing key-value pairs in the browser, similar to cookies but with larger storage capacity.
- Easy character encoding i.e., <meta charset=”UTF-8″>
- Easy DOCTYPE declaration i.e., <!doctype html>
- Capable of handling incorrect syntax.
The following elements have been removed or are no longer considered part of the HTML5 specification:
<acronym>: Use<abbr>instead.<applet>: Use<object>or<embed>instead.<basefont>: Use CSS to change the font size.<big>: Use CSS to change the font size.<center>: Use CSS to center elements.<dir>: Use<ul>instead.<font>: Use CSS to change the font.<frame>: Use<iframe>instead.<frameset>: Use<iframe>instead.<isindex>: Use a form and a text input field instead.<strike>or<s>: Use<del>or<s>instead.<tt>: Use CSS to change the font.
HTML5 introduced several new elements to improve the structure and semantics of web pages. Some of the most notable new elements include:
<article>: Represents a self-contained piece of content, such as a blog post or forum post.<aside>: Represents content that is related to the main content, but not essential to understanding it.<audio>: Represents an audio file, and can be used to play audio directly in the browser without the need for a plugin.<canvas>: Allows for dynamic, scriptable rendering of 2D shapes and images.<figure>: Represents a piece of self-contained content, such as an image or a video, that can be referenced from the main content.<footer>: Represents the footer of a section or a document.<header>: Represents the header of a section or a document.<nav>: Represents a section of a page that contains navigation links.<output>: Represents the result of a calculation or user action.<progress>: Represents the progress of a task, such as a file upload or download.<section>: Represents a distinct section of a web page, such as a chapter or a block of content.<time>: Represents a date and/or time, and can be used to mark up machine-readable dates and times.<video>: Represents a video file, and can be used to play video directly in the browser without the need for a plugin.
These elements are designed to improve the accessibility and search engine optimization of web pages, and to make it easier for developers to create semantically rich and well-organized HTML code
Tags:
HTML5