HTML6 Overview : HTML6 New Tags and Features
HTML6 is sixth revision of HTML with namespaces that has structure like XML. XML namespaces 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”
In HTML6 we take advantage of this ingenious concept by giving us freedom to use whatever tag we want by the W3C reserving namespaces and not tags. The W3C would basically reserve the right to all namespaces, and each namespace they reserve will trigger a different HTML API.
1. <html:html>
This begins a HTML document. Equivelent to the current <html> tag.
2.<html:head>
This is a HTML’s head tag. Equivelent to the current <head> tag. Inside this tag we include all JavaScript, CSS, RSS feeds etc.
3.<html:title>
This is the title of the HTML document. Equivalent to the current <title> tag.
4.<html:meta>
This is a bit different than the current HTML version. Meta data in HTML6 can be anything. Unlike HTML now, there are no required or non-standard meta types. It’s used to store content for you as a developer, or for other sites as a way to grab information such as a page description.
5.<html:body>
This is a HTML’s body tag. Equivelent to the current <body> tag.This is where you’d place most of the stuff that would be visible to the users like text, media, and so on.
6.<html:link>
This links external documents and scripts such as CSS, JavaScript, RSS, favicons, etc. to the current document. Equivalent to the current <link> tag.
This tag takes the following attributes:
charset: The character encoding such as “UTF-8”.
href: The link to the source file.
media: The type of device the item should run on, for example, “mobile” or “tablet”.
type: The MIME type of the document, for example, text/javascript.
7.<html:a>
This tag represents either an anchor on the page. Equivalent to the current <a> tag.
Attributes available to the <a> tag are:
href
name
target (can be blank, parent, top or self)
8.<html:button>
Similar to <button> or <input type=”button”> in older versions of HTML.
Attributes available to the <html:button> tag are:
disabled
9.<html:media>
This tag encapsulates what we now have for media which are tags like <img>, <video>, <audio>, <embed>, and so on. Instead of a tag for each file type, the browser will just know how to run it by the type attribute, or will make a guess based on the file extension, or lastly, by the MIME type.
10.<form:form>
This tag creates a new form.
Attributes are method and action. The method attribute can be POST or GET (they can be lowercase too). The action attribute tells the form where to send the data.
11.<form:input>
This tag creates a new form input. Equivalent to the current <input> tag.
The full list of possible input types are:
text
email
url
tel
search
number
datetime
date
month
week
time
datetime-local
textarea
password
file – (multiple)
The possible attributes on an input are:
name
disabled
readonly
placeholder
autofocus
required
novalidate
The following are attributes that will work on any input except file inputs:
maxlength
autocomplete
pattern
spellcheck
match – This is new to HTML6, give it a name of a field you want it to require a match on.
12.<form:select>
This tag lets users to select options rather than input anything. Equivalent to the current <input> tag.
The possible input types follow along with attributes that are specific to it:
select – (multiple)
color
calendar – (range)
meter – (range, step)
Attributes that work for all select types are:
name
readonly
disabled
required
autofocus
13.<form:status>
The <form:status> tag allows you to give feedback, or a “status” update to your users. Useful for an upload progress bar or steps in a multi-page form, for example. These are similar to the <progress> and <meter> elements in HTML5.
Attributes that work for all status types are:
min
max
value
14.<form:label>
The <form:label> tag allows you to label inputs for the user. It links text to an input and when click will focus on the connected input. It matches the label’s for attribute to the id of any form element.
Attributes that work for the <form:label> tag are:
for
15.<form:submit>
This tag used to submit a form. Equivalent to the current <input type=”submit”> tag.
Attributes that work for the <form:submit> tag are:
name
value
