“This is the 21st day of my participation in the Gwen Challenge in November. See details of the event: The Last Gwen Challenge 2021”.

HTML, or Hypertext Markup Language, is a standard markup language for creating web pages. HTML has been used to build the Internet since its introduction. Along with JavaScript and CSS, HTML forms the triumvirate of front-end development.

While many new technologies have made the website creation process easier and more efficient, HTML remains central. With the popularity of HTML5, many changes were made to the markup language in 2014 to make it more user-friendly, and browser support for the new standard increased. HTML doesn’t stop there, it’s still changing, and it might get some features to justify the naming change to HTML6.

Native mode support

This element


will be supplied with HTML6. It is considered equivalent to modes developed in JavaScript and has been standardized, but only fully supported by a few browsers. But that will change and soon it will be supported in all browsers.

This element, in its default format, only displays the cursor where it is, but you can use JavaScript to turn on mode.

<dialog> <form method="dialog"> <form method=" submit" value=" confirm "/> <form > </dialog>Copy the code

In its default form, the element creates a gray background with non-interactive content underneath.

You can use a method on the form within the < Dialog > that sends the value and passes it back to itself


.

Overall, the tag becomes beneficial in user interaction and improved interfaces.

You can control opening and closing by changing the open property of the < Dialog > tag.

<dialog open> <p> Component contents </p> </dialog>Copy the code

Single-page applications without JavaScript

Bobby Mozumder, editor in chief of FutureClaw magazine, suggests:

Link the anchor element to the JSON/XML, API endpoint, let the browser load the data internally into the new data structure, and then the browser replaces the DOM element with whatever data it loads as needed. The initial data (and the standard error response) can be placed in the header device and replaced later if necessary.

According to him, this is a single-page application web design pattern that improves response times and load times because there is no need to load JavaScript.

Freely resize the image

HTML6 enthusiasts believe that the upcoming update will allow browsers to resize images for a better viewing experience.

Every browser has a hard time rendering the best image size relative to device and screen size, and unfortunately the SRCE tag IMG is not very effective in dealing with this problem.

This problem can be solved with a new TAB

that makes it easier for the browser to choose between multiple images.

Private library

Bringing the available libraries to HTML6 was definitely a big step in improving development efficiency.

microformats

Many times, general information needs to be defined on the Internet, and this general information can be any public information, such as telephone numbers, names, addresses, etc. Microformats are standards that can define general data. Microformats can empower designers and reduce the effort required for search engines to infer common information.

Custom menu

Although the labels

    , < OL > are very useful, there are still some deficiencies in some cases. Tags that can handle interactive elements would be a good choice.

This is the driving force behind the creation of the tag

, which handles the button-driven list elements.
 
< menu type = "toolbar" > < li > < button > personal information < / button > < / li > < li > < button > Settings < / button > < / li > < li > < button > account cancellation < / button > < / li > </menu>Copy the code

So

, in addition to being able to run like a regular list, enhances the functionality of HTML lists.

Enhanced authentication

While HTML5 is good at security, browsers and web technologies offer reasonable protection. There is no doubt that there is much more that can be done in the area of authentication and security. For example, keys can be stored in different places; This will prevent undesirables from accessing and support authentication. Use embedded keys instead of cookies to make digital signatures better, etc.

Integrated camera

HTML6 allows you to use the camera and media on your device in a better way. You will be able to control the camera, its effects, modes, panoramic images, HDR, and other properties.

conclusion

Nothing is perfect, and HTML is not perfect, so the HTML specification can do a lot to make it better. Some useful specifications should be standardized to enhance THE power of HTML. Small changes have already begun to roll out. Such as enhanced Bluetooth support, P2P file transfer, malware protection, cloud storage integration, the next HTML version can be considered.