HTML6 and HTML5 compared:New,easy to use tags
HTML is the backbone of internet.Imagine if HTML was absent,how will the internet look like-there won’t be a User Interface for websites like we have right now.Just plain directory browsing & that’s all.
A little History:
According to Wikipedia HTML versions started from HTML 2.0 which was governed by IETF & released on November 1995.The first version had features to upload files using forms,access to tables,client side image maps & internationalisation.
HTML was transferred to W3C as IETF closed down the HTML committee on September 1996 & then w3C standardized HTML tags across platforms.HTML 3.2 intially coded as ‘Wilbur‘ was released on January 1997.HTML 3.2 dropped the concept of tables-which was an important part of its predecessor.It adopted Netscape browser’s Visual Markup-which is described as the ancestor of Inline CSS styles, at the same time included Marquee tags.
The first version of HTML 4.0 was released way back in December 1997 & had three variations-Strict,Transitional,Frameset.HTML 4.0 Strict was not compatible with HTML 3.2 tags,while the transitional version was backward compatible with version 3.2.
HTML 4.0 also dropped Visual styles & introduced the first versions of CSS.The HTML 4 was reintroduced on April 1998 with minor edits & without version increments.
On December 1999,HTML 4.01 was launched,& this version was amended with minor edits each time.This is also the longest standing version of HTML as W3C was busy working on XML based HTML version-XHTML for a long time.
Then came HTML 5,the radical change maker among HTML versions.It introduced several rich tags like audio,video & you only need to type ‘<!doctype html>’ . HTML 5 also signalled the end of flash-as the animations done using flash was done much simpler & faster using CSS animations in HTML 5.It also introduced standalone <head> & <footer> tags,without a <div> tag.
Recently W3C began secretly working on HTML 6-the latest iteration of HTML.The features are still not confirmed,but some new tags are set to be introduced with the latest version.For example, containers which were previously a feature implemented by <div> tag can be implemented just by using <container> tag.This applies to almost all id’s of <div>-ie wrapper,logo,breadcrumb etc. getting their own custom tags.
CSS & JS files can be bound to an HTML page by using <html:link> tag with popular attributes like href,rel,type & target.
See the Example Syntax of HTML 6:
<html:title>A Look Into HTML6</html:title>
<html:meta type=”title” value=”Page Title”>
<html:meta type=”description” value=”HTML6 Example code”>
<html:link src=”css/mainfile.css” title=”Styles” type=”text/css”>
<html:media type=”image” src=”images/xyz.png”>
<h1>Heading of main article</h1>
<h2>Sub-heading of main article</h2>
<h1>The concept of HTML6</h1>
<h2>Understanding the basics</h2>
<copyright>This site is © to Anonymous 2014</copyright>
One of the much hyped feature is the inclusion of more JS libraries out-of-the-box & the possible integration of JQuery natively into HTML,W3C is currently thinking about this as 98% of websites over internet use JQuery with HTML & loading JQuery elements externally takes a lot of resources & time.This move could significantly reduce page load times if implemented.
“This could probably be done by 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.”
Encryption Keys replacing Browser cookies:
Usage of embedded browser keys rather than local storage cookies can make sensitive data the websites secure & since there’s no cookie stored anywhere-there’s no chance of logging in to another’s account & taking control.
Cookie forging methods of Hacking will be ditched if this standard is implemented.
Each visitor’s browser is handled an Auth Key which will connect to website’s backend using API & let the user log in.
Automatic Detection of Schema & Microformat of web page content:
HTML 6 will detect Schema.org format of the content by intelligent checking of code in a webpage.It helps to add structured data & aid in the inclusion of rich cards.The websites will have built-in OpenGraph metadata for each page wich helps the website to rank better in Social Media.