What Are the New Features of HTML6?

0

HTML6 New Features

Although HTML6 is not going to be released as a whole new version but instead gradually as a living standard, there are many new features coming to HTML6.
In fact, you’ll already have many of these new features in your web browser so what are these new features?

February 29, 2020
1
0

These are some of the new features of HTML6

Express tags

As the name suggests, these tags are express. Tags such as the for the logo on your webpage can be put in use.
Moreover, tags such as , , would be available.

Native Modals Support in HTML 6

The dialog element is on its way with HTML6. This element is considered equivalent to JavaScript-powered modal windows.

Dialog elements are already standardized, but only a few browsers like Chrome and Samsung Internet browsers have full support. No worries, it would be working in all browsers soon.

This element, in its default format, would only show hover above the place it was placed.

To use a more common modal-like interface, you can open the modal method through JavaScript.

<dialog>
  <form method="dialog">
    <input type="submit" value="Ok" />
    <input type="submit" value="Cancel" />
  </form>
</dialog>

In default form, the element creates a grey background with non-interactive content below it.

A method attribute can be used in the forms inside the dialog element. This would submit the value and pass the value back to the dialog object itself.

Overall, this dialog element is beneficial in a small interaction with the user and enhancing UI.

You can toggle the open attribute to open it and close it in the standard HTML form.

<dialog open>
  <p>Dialog Box Built with HTML 6</p>
</dialog>

Freedom to Resize Image

Experts believe that an update is on its way that would enable browsers to resize the image for the best viewing experience.

Browsers face difficulties to show the best image size concerning device and window size.

Src and IMG tags are not much powerful to handle this problem. A new tag <srcset> might be available.

This tag could facilitate browser to choose between more than one image to show the best viewing.

HTML 6 Dedicated Libraries

Introducing cachable libraries in HTML6 will be a step towards improving the productivity of both web designers and users.

Annotations for images and videos

It would be great if we could annotate images and videos in HTML. HTML5 provides us with the capability to interpret words, sentences, and paragraphs but not images and videos.

Many organizations in the field have offered solutions, and it looks like WHATWG would consider at least some of them.

Let’s hope; we will be annotating images and videos in the HTML soon.

Authentication enhancement

Although HTML5 is not bad in terms of security. Browsers and web technologies also provide reasonable protection. No doubt, there is much more that could be done in the domain of authentication and security.

Keys can be stored off-site; this would prevent access by unwanted people and bolster authentication. Using embedded keys instead of cookies, making digital signature better, etc.

People and think-tanks have a lot of solutions to offer, its all on WHATWG to accept or reject them.

Customized Menus in HTML6

The UI and OL tags are beneficial but do not fit well in every need. A tag or menu tag that could handle interactive elements better is the need of the hour.

The menu could handle list elements triggered by buttons inside the menu.

<menu type="toolbar">
  <li><button>Cut</button></li>
  <li><button>Copy</button></li>
  <li><button>Paste</button></li>
</menu>

The menu could enhance the capabilities of the list in HTML, and it could work well, even like a usual list.

HTML6 Integrated Camera

HTML6 would enable us to use the camera and media on our device for the best. We would be able to control the camera, its effects, modes, panoramic images, HDR, and other things.

We could use any media and repurpose it. There are a lot of things that could be made better with the camera and HTML6.

Good Microformats

A lot of times, we need to define our general information on the internet.
General information could be anything public like our phone number, name, address, etc. Microformats are the standards capable of defining general data.

Microformats can enhance a designer’s capabilities and can reduce the search engine’s efforts needed to deduce our public information.

Single-Page Apps without Javascript

Bobby Mozumder, Editor-in-Chief of FutureClaw Magazine suggests:

linking anchor elements to JSON/XML, API endpoints, having the browser internally load the data into a new data structure, and the browser then replaces DOM elements with whatever data that was loaded as needed. The initial data (as well as standard error responses) could be in header fixtures, which could be replaced later if desired.

According to him, this is the single page app web design pattern that would improve responsiveness and loading times as there would be no need to load javascript.

February 29, 2020
Skip to toolbar