These are some of the new features of HTML6
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
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.
<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.
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.
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.
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.