HTML6 notion, despite the fact that the HTML5 specification was planned to fully adopt and achieve the broadest possible compatibility in 2014, now began to appear ideas about how this specification of the next generation looks like – HTML.next, as it routinely referred to in the W3C-consortium.

New elements of semantics

<dеcompress>

This element is proposed for the integration of files from a ZIP-archive (ZIP format as the main, however others are possible too) directly into a web page. Advantages of this approach: web-browser access to files from ZIP, reduction of requirements for bandwidth (which is especially important for mobile platforms).

Example of use:

Semantics to describe titles and authors

It is used to identify the names of books, blog posts, movies, and so on to its associated authors even if the layout applies only for a few paragraphs. This semantics may be implemented as a pseudo-markings and define the relationships between the elements.

[title: The praise of Shadow id:praise by:junichiro] 
is a book written by [author: Junichiro Tanizaki id:junichiro] 
explaining … etc.

<lоcation>

This element (similar to <time />) is used to describe geo-information. It is proposed to use the attributes: lat, long, altitude:

<location lat=27.9 long=-71.3 altitude=-100>The Bermuda Triangle</location>

<tеaser>

The element is designed to wrap the content block having a link to a complete block. Such structures we can see everywhere: in the search results on the first page of the blog, resume block with (or without) media resources and so on. In general, it should be a sectional element that can be located in other sectional elements, such as navigation page:

<nav>
  <teaser>
    <header>
      <h1><a href="http://www.example.com/myFirstPost.html">My First Post</a></h1>
    </header>
    <p>This is my first article on the page, and it's really cool.</p>
    <footer>
      <time>3 Days Ago</time>
      <div><a href="http://www.example.com/myFirstPost.html">http://www.example.com/myFirstPost.html</a></div>
    </footer> 
  </teaser>
  <teaser>
    <header>
      <h1><a href="http://www.example.com/mySecondPost.html">My Second Post</a></h1>
    </header>
    <p>This article is on superconducting fields, and is even cooler than my first article.</p>
    <footer>
      <time>1 Days Ago</time>
      <div>
        <a href="http://www.example.com/mySecondPost.html">http://www.example.com/mySecondPost.html</a>
      </div>
    </footer> 
   </teaser>
</nav>

<form>
  Name: <input name="name" autocapitalize="words">
  State: <input name="state" autocapitalize="characters">
</form>

domElement.fullScreen(); 
domElement.getImageData(0, 0, domElement.offsetWidth, domElement.offsetHeight);

Text editing

Element <editоr>

This element allows to save the typed text.

<tеxtarea type=”wysiwyg”>

The main objective: WYSIWYG-editor for structured (semantic) text. Intended use: blogs, emails, editing articles of CMS sites, and so on. Estimated list of supported elements:

• blocks: p, ul/li, ol/li, dl/dt/dd, blockquote, pre
• spans: strong/em/a/sup/sub/u/code/strike
• inline-blocks: img, br
• tables: table/tr/th/td

Features:

• support copy / paste images from / to the system clipboard (connected by attribute)
• support copy / paste text and HTML from/in the system clipboard (connected by attribute)
• should not support inline styles
• may have an attribute content-style=«style.css», specifies the style of elements within the editor

Features of copy / paste

The list presented on the left side of the table will be rendered as shown in the right part of the table.

<ol>
    <li>Lorem</li>
    <li>Ipsum</li>
    <li>Dolor</li>
    <li>sit</li>
    <li>et cetera</li>
</ol>

If you copy the item ‘Dolor’ and insert it into an ordinary WYSIWYG text editor, instead of a simple recording without the need to get the item number “3. Dolor”.

Components and ECMAScript

«behaviors» or dynamic subclasses of DOM elements

This function is very useful for the user interface component frameworks and tools

document.behaviors["ul.some>li"] = { // the behavior class:
  attached: function() {...},
  detached: function() {...},
  onmousedown: function() {...}, 
  onclick: function() {...}, 
  ...
};

window.include("url"[,mime/type])

avaScript: namespace and classes

JavaScript-code is becoming more and more complex. On the same page can be used several different libraries and the lack of namespaces (and classes) is becoming increasingly troublesome for web developers.

Syntax highlighting for items <cоde>

Given the fact that browsers already have the instruments of parsing HTML, JS and CSS, it would be nice to have the native support for syntax highlighting without having to parse the code on the client side with Javascript. For a start it would be enough all listed above languages, others can be added by connecting the appropriate CSS.