A glimpse of HTML5

Manoj Singh Panwar
Nov 13, 2019

8.4k
0
0
- facebook
- twitter
- linkedIn
- Reddit
- WhatsApp
- Email
- Print
- Other Artcile

HTML5 Introduction

In order to improve the world of the internet and browsing, the World Wide Web in cooperation with the Web Hypertext Application Technology Working Group (WHATWG) has geared up the next generation language of HTML5, which will be the fifth revision of HTML. It is foreseen to structure and present content for the World Wide Web much more efficiently compared to previous versions of HTML. It also outshines XHTML1 and DOM2HTML. It is a core internet technology proposed by Opera Software.

HTML5 is designed to create a consistent understanding between the browser and the machine, (i.e. the language will be easily read by the user and also understood by the machine (computer, browser, parsers etc.). It is also an attempt to define a single markup language that can be written in either HTML or XHTML syntax. To encourage more interoperable implementations, it includes detailed processing models. HTML5 will extend, improve and rationalize the markup available for documents, and introduce markup and application programming interfaces (APIs) for complex web applications.

New attributes have been introduced in HTML5, while some elements and attributes have been removed. Some elements, such as <a>, <cite>, and <menu> have been changed or revised. The APIs and document object models (DOM) are no longer in use, but play important parts in HTML5 specification. HTML5 also provides the feature of error correction, to ensure that the user deals only with the correct syntax.

Some of the new elements or attributes included in HTML5 are semantic replacements for common uses of generic block (<div>) and inline (<span>) elements. For example, <nav> (website navigation block),


<footer>

(usually referring to the bottom of the web page or to last lines of HTML code), or


<audio>

and <video> instead of


<object>

. Some elements such as


<font>

and


<center> have been removed, as
these effects

are achieved using Cascading Style Sheets. It also focuses on the importance of DOM scripting (e.g., JavaScript) in Web behavior. The HTML5 syntax is no longer based on SGML despite the similarity of its markup. HTML5 also includes Web Forms 2.0, a previously separate WHATWG specification.

Looking at the features provided by HTML5

APIs

Though not available for the official standard, APIs such as the addition of audio/video and a canvas element for drawing controls like calendar, date or time make HTML5 the best for most browsers including Safari, Chrome, Firefox, Opera, and Internet Explorer. These browsers continue to add new HTML5 features to their latest versions.

A list of technologies that enhance HTML5's performance:

Classlist	for class manipulation
Storage	for storage events
Dataset	for data attributes
History	for push state
Websocket	Simple chat client
Video	for playing video
Canvas	interactive drawing
Video canvas	for canvasing and video
Contenteditable storage	editing content
Geolocation	To share your location with trusted web site
Postmessage	to post message in same/cross-domain
Dnd	to drag and drop
Offline events	detects offline status
Offline manifest	for offline application using the manifest
SQL-database	web SQL database storage/rollback test

A glimpse of HTML5

HTML5 Introduction

Looking at the features provided by HTML5

APIs

Tags