Overview of HTML5 and Prospects for HTML6
HTML5, widely adopted for audio, video, offline storage and new semantic elements, remains evolving, while the speculative HTML6 proposal envisions namespace‑prefixed custom tags such as logo and html:media, richer metadata, unified APIs, and clearer semantics to improve readability and media handling, though it is not yet finalized.
HTML5 is one of the most popular versions of the HTML language. It supports audio and video, offline storage, mobile devices, and new semantic elements such as <article> , <section> , and <header> . Although widely adopted, the HTML5 specification is still evolving and it is not a fully semantic markup language.
HTML6 is envisioned as the next step, allowing developers to create custom tags (e.g., <logo> , <toolbar> ) and to use XML‑style namespaces like xmlns:xhtml="http://www.w3.org/1999/xhtml" . This would make page markup more readable and semantically clear.
HTML6 Code Sample :
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
<html:meta type="title" value="Page Title">
<html:meta type="description" value="HTML example with 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/xyz.png">
</logo>
<nav>
<html:a href="/img1">a1</html:a>
<html:a href="/img2">a2</html:a>
</nav>
</header>
<content>
<article>
<h1>Heading of main article</h1>
<h2>Sub-heading of main article</h2>
<p>[...]</p>
<p>[...]</p>
</article>
<article>
<h1>The concept of HTML6</h1>
<h2>Understanding the basics</h2>
<p>[...]</p>
</article>
</content>
<footer>
<copyright>This site is © to Anonymous 2014</copyright>
</footer>
</html:body>
</html:html>The above example demonstrates the use of namespace‑prefixed tags such as <html:title> and <html:media> . Developers can define their own tags so that JavaScript and CSS can recognize and process them, improving readability and semantic clarity.
HTML6 APIs
All HTML6 tags are prefixed with a namespace, e.g., <html:html> , <html:head> , etc.
1. <html:html>
<!DOCTYPE html>
<html:html> // this is equivalent to <html> tag written in previous HTML versions
<!-- sample of HTML document -->
</html:html>2. <html:head> (same as <head>)
<!DOCTYPE html>
<html:html>
<html:head>
<!-- Main content would come here, like the <html:title> tag -->
</html:head>
</html:html>3. <html:title> (similar to <title>)
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
</html:head>
</html:html>4. <html:meta> (extends the metadata types allowed in HTML5)
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
<html:meta type="description" value="HTML example with namespaces">
</html:head>
</html:html>5. <html:link> (similar to <link> )
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:head>
</html:html>6. <html:body> (same as <body> )
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
</html:head>
<html:body>
<!-- This is where your website content is placed -->
</html:body>
</html:html>7. <html:a> (only the href attribute)
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
</html:head>
<html:body>
<html:a href="http://siteurl">Go to siteurl.com!</html:a>
</html:body>
</html:html>8. <html:button> (equivalent to <button> or <input type="button"> )
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
</html:head>
<html:body>
<html:button>Click Here</html:button>
</html:body>
</html:html>9. <html:media> (covers <img> , <video> , <embed> etc.)
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
</html:head>
<html:body>
<!-- Image would come here -->
<html:media src="img1/logo.jpg" type="image">
<!-- Video doesn't need a type -->
<html:media src="videos/slide.mov">
</html:body>
</html:html>HTML6 also defines two tag types, single tags (no closing slash) and double tags (self‑closing slash), similar to HTML5.
Example of tag types:
<html:meta type="author" content="single tag">
<html:meta type="author" content="double tag" />Conclusion
The HTML6 specification has not been officially released. The author, Oscar Godson, provides a speculative view of possible future features, hoping that HTML6 will support custom tags, namespaces, and richer media handling.
Baidu Tech Salon
Baidu Tech Salon, organized by Baidu's Technology Management Department, is a monthly offline event that shares cutting‑edge tech trends from Baidu and the industry, providing a free platform for mid‑to‑senior engineers to exchange ideas.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.