What If? HTML6 – Generalized Concept

Everybody knows that HTML is a comfy web development language. Its fifth revision is considered the best and the most popular at the moment, however, the sixth version is coming, the work on its development has already started.

The most remarkable HTML5 features:

  • audio and video support;
  • offline local storage;
  • the ability to build mobile optimized websites;
  • the freedom from using type attribute from tags such as and ;
  • with new tags like
    ,
    ,
    etc., the developers got the possibility to organize content in a more relevant manner.

Nevertheless, HTML5 is still far from perfect (it can’t be called a truly semantic markup) and is in its development stage.

HTML6 Concept Review

To put it simple, the concept of HTML6 is in expressing the tags. For instance: say, you will be able to use tags like for assigning a logo to your web page, or use tag , use the

tag without multiple id’s such as a wrapper or container, and rather use or a directly (instead of using
you can simply use ). This is what HTML6 is aimed for.

The sixth revision of HTML will have namespaces similar to XML structure. What is so good about XML namespaces? They will help you use the same tag without conflicting it with any other tag. For instance the one used in the XHTML DOCTYPE:

  xmlns:xhtml="http://www.w3.org/1999/xhtml"

HTML6 will allow us use the tags we want instead of the defined tags only.

HTML6 example

  

    
        A Look Into HTML6
        
        
        
        
    
    
        

Heading of main article

Sub-heading of main article

[...] [...]

The concept of HTML6

Understanding the basics

[...]
This site is © to Anonymous 2014

Have you noticed some odd tags? These are the namespaced elements that belong to the W3C and HTML6 spec, and will trigger browser events. Here is a simple example for better understanding: the element will change the title bar of your browser and the element will help make the defined image appear on your browser screen. All these elements are specifically defined for users and don’t have anything to do with the browser. They’re just hooks for JavaScript and style sheet and help to make your sample code more semantic.

HTML6 APIs

HTML6 tags will have the namespace html like or etc. Now we’ll have a look at each tag attributes used in the above HTML6 example document.


// this is equivalent to  tag written in previous HTML versions
  

This tag is a tag’s equivalent. It is targeted on obtaining data and scripts that tweak how the content within the tag is displayed.



  
    <!-- Main content would come here, like the  tag -->
  

As you can guess from the name, it will change the title of the HTML document. It is similar to the tag used in earlier HTML versions. This tag is used by browsers for changing the title bar, favorites, and others.



  
    A Look Into HTML6
  

This tag differs from the tag used in the HTML5 version. This HTML6 tag can be used to sort the meta data. But unlike HTML5 you won’t have to use the standard meta types in HTML6. It helps to pile up the information (like webpage description) by storing content.



  
    A Look Into HTML6
    
  

This tag is for external linking of documents and scripts (like CSS, JS etc.) to the HTML document. It’s similar to tag in HTML5. This tag includes the following attributes:

  • charset: "UTF-8" character encoding;
  • href: contains link to your source file;
  • media: defines the kind of device on which your item will run (Smartphone, tablet, desktop, etc.);
  • type: the MIME type of the document.


  
    A Look Into HTML6
 
  

This is just like the tag you’re using in the current HTML version. This is where all your website’s stuff (text, media and others) is placed.

 


  
    A Look Into HTML6
  
  
    
  

This tag is similar to the tag, which is used to represent a link to other web page. The difference is that unlike the tag, takes only a single ‘href’ attribute. It directs the link to the page you need to visit.



  
    A Look Into HTML6
  
  
    Go to siteurl.com!
  

This tag is equivalent to



  
    A Look Into HTML6
  
  
    Click Here
  

This tag wraps up all the tags (,



  
    A Look Into HTML6
  
  
    
    
    
    
  

Tag types overview

Similar to the current and previous HTML versions, HTML6 will have two types of tags: single and double ones. Single tags won’t have any text content, only attributes. For example:



Compared to the double tag, you don’t need to close your single tag. Double tags have opening and closing tag because they’ve got some text content. But, in the case double tags don’t have any text-based content; you can reduce it to the ‘self-closing single variant’. For example:

Text based content




Summing up

You are right, HTML6 isn’t available yet. But Oscar Godson has provided an idea of what it will be offering at the nearest future. This post is just a teaser that will make you wait impatiently for the HTML6 advent.

Our team is grateful to Mike Swan for the shared information.


Helga Moreno

Experienced writer passionate about highlighting all the topics related to web, design, marketing, SEO, and more. Follow Helga on Quora.

Get more to your email

Subscribe to our newsletter and access exclusive content and offers available only to MonsterPost subscribers.

From was successfully send!
Server error. Please, try again later.

Leave a Reply

Your email address will not be published. Required fields are marked *