Geekly Articles each Day
📜 ⬆️ ⬇️

First look at HTML6 with examples and links



We have not even had time to learn HTML5 as the W3C has already rolled out the first version of HTML6 . And we do not fool your head. He appeared, so it's time to get his hands dirty again. Forget about the release date of HTML6 and let's code on it a bit.

HTML6 is so new that Wikipedia doesn't even have a page about it. It is absolutely embryonic, but we will find out what it is, what it will please and how to code it . Let's quickly see what HTML6 is.
')
Like HTML5, the new version of HTML has significant differences in the structure of the code. The new version is more standardized, more like XML and more suitable for creating future web applications.

I have a list of HTML5 resources: templates, development tools, etc. here .

New code structure


Techniques for working with CSS are presented in the list of proposed additions to HTML6 code a couple of years ago. And the W3C was heard, but answered in its own original way. They added the mother of all these suggestions. They added a namespace in XML style ... and this is the most noticeable change in HTML6. These changes affect the entire code structure. But it standardizes and this is a new level. Now you don't need the id attribute for your divs, you can use namespaces.

HTML6 examples


<div id="container">

can now become

 <container>

Let's look at these namespaces:

 <!DOCTYPE html> <!-- Notice how <html> turns into <html:html> --> <html:html> <!-- Obviously, the <head> tag also changes, so do the rest of codes. --> <html:head> <html:title>A Look Into HTML6</html:title> <html:meta type="description" value="HTML6 namespaces example"> </html:head> <html:body> <!-- Anchor text example --> <html:a href="http://www.designzzz.com">Go to Designzzz!</html:a> <!-- Image example --> <html:media src="img/logo.jpg" type="image"> <!-- Video example. You can include any video. --> <html:media src="videos/slides.mov"> <html:button>Click Here</html:button> </html:body> </html:html>

And this is an example of complete code:

 <!DOCTYPE html> <html:html> <html:head> <html:title>Overview of HTML6</html:title> <html:meta type="title" value="Designzzz.com"> <html:meta type="description" value="HTML6 namespaces"> <html:link src="css/mainfile.css" title="Styles" type="text/css"> <html:link src="js/mainfile.js" title="Script" type="text/javascript"> </html:head> <html:body> <header> <logo> <html:media type="image" src="images/logo.png"> </logo> <nav> <html:a href="/img1">a1</a> <html:a href="/img2">a2</a> <html:a href="/img3">a3</a> </nav> </header> <content> <article> <h1>Main Heading</h1> <p>[...]</p> <p>[...]</p> </article> <article> <h2>Concepts of HTML6</h1> <h2>Namespaces in HTML6</h2> <p>[...]</p> </article> </content> <footer> <copyright>Your copyright notice.</copyright> </footer> </html:body> </html:html>

This is the future of HTML attributes.

HTML6 Resources


I don't know why, but some people joked about HTML6. We already mentioned the April Fools' post at the beginning of the article, and someone made a layout on HTML6, which is also a joke . But the joke is not everything. This is a link to a tool for testing browser compatibility with HTML6.

I tested both of my browsers. The latest version of Firefox scored 429 points, and the latest version of Google Chrome - 523.

The Distributed Specification is a tutorial, another valuable resource to better understand the concepts of HTML6 coding. I noticed that this specification is updated regularly, so I added this link here.

What is it all about?


What is obvious to me is that HTML6 is moving toward eliminating Javascript. He already offers the possibility of creating a one-page application without Javascript and this is only the tip of the iceberg.

Namespaces make it clear that within a few years HTML6 will mature into a standalone programming platform and will surpass PHP, .NET, and other similar languages ​​in terms of functionality and complexity. So my advice to you is: start working with HTML6 immediately and conquer it. Now is the time to do it before others realized it.

That's all I wanted to say about HTML6. But I’ll keep you updated on updates as soon as the W3C rolls out something new in this version of HTML.

Source: https://habr.com/ru/post/258373/

More articles:


All Articles