{"id":2365,"date":"2015-01-26T14:35:43","date_gmt":"2015-01-26T09:05:43","guid":{"rendered":"http:\/\/cmscomputer.in\/blog\/?p=2365"},"modified":"2015-01-26T20:15:46","modified_gmt":"2015-01-26T14:45:46","slug":"html6-overview-html6-new-tags-and-features","status":"publish","type":"post","link":"https:\/\/www.cmscomputer.in\/blog\/html6-overview-html6-new-tags-and-features\/","title":{"rendered":"HTML6 Overview : HTML6 New Tags and Features"},"content":{"rendered":"<p>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.<\/p>\n<p>For instance the one used in the XHTML DOCTYPE:<br \/>\nxmlns:xhtml=&#8221;http:\/\/www.w3.org\/1999\/xhtml&#8221;<\/p>\n<p>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.<\/p>\n<h4>1. &lt;html:html&gt;<\/h4>\n<p>This begins a HTML document. Equivelent to the current &lt;html&gt; tag.<br \/>\n<!--\n\n<pre><xmp><logo>\r\n                <html:media type=\"image\" src=\"images\/logo.png\">jlhkhkjlhklhkjh\r\n            <\/logo><\/xmp><\/pre>\n\n--><\/p>\n<h4>2.&lt;html:head&gt;<\/h4>\n<p>This is a HTML&#8217;s head tag. Equivelent to the current &lt;head&gt; tag. Inside this tag we include all JavaScript, CSS, RSS feeds etc.<\/p>\n<h4>3.&lt;html:title&gt;<\/h4>\n<p>This is the title of the HTML document. Equivalent to the current &lt;title&gt; tag.<\/p>\n<h4>4.&lt;html:meta&gt;<\/h4>\n<p>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&#8217;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.<\/p>\n<h4>5.&lt;html:body&gt;<\/h4>\n<p>This is a HTML&#8217;s body tag. Equivelent to the current &lt;body&gt; tag.This is where you&#8217;d place most of the stuff that would be visible to the users like text, media, and so on.<\/p>\n<h4>6.&lt;html:link&gt;<\/h4>\n<p>This links external documents and scripts such as CSS, JavaScript, RSS, favicons, etc. to the current document. Equivalent to the current &lt;link&gt; tag.<br \/>\n<strong>This tag takes the following attributes:<\/strong><br \/>\n<strong>charset:<\/strong> The character encoding such as &#8220;UTF-8&#8221;.<br \/>\n<strong>href:<\/strong> The link to the source file.<br \/>\n<strong>media:<\/strong> The type of device the item should run on, for example, &#8220;mobile&#8221; or &#8220;tablet&#8221;.<br \/>\n<strong>type:<\/strong> The MIME type of the document, for example, text\/javascript.<\/p>\n<h4>7.&lt;html:a&gt;<\/h4>\n<p>This tag represents either an anchor on the page. Equivalent to the current &lt;a&gt; tag.<strong><br \/>\nAttributes available to the &lt;a&gt; tag are:<br \/>\nhref<\/strong><br \/>\n<strong>name<\/strong><br \/>\n<strong>target (can be blank, parent, top or self)<\/strong><\/p>\n<h4>8.&lt;html:button&gt;<\/h4>\n<p>Similar to &lt;button&gt; or &lt;input type=&#8221;button&#8221;&gt; in older versions of HTML.<br \/>\n<strong>Attributes available to the &lt;html:button&gt; tag are:<\/strong><br \/>\n<strong>disabled<\/strong><\/p>\n<h4>9.&lt;html:media&gt;<\/h4>\n<p>This tag encapsulates what we now have for media which are tags like &lt;img&gt;, &lt;video&gt;, &lt;audio&gt;, &lt;embed&gt;, 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.<\/p>\n<h4>10.&lt;form:form&gt;<\/h4>\n<p>This tag creates a new form.<br \/>\nAttributes 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.<\/p>\n<h4>11.&lt;form:input&gt;<\/h4>\n<p>This tag creates a new form input. Equivalent to the current &lt;input&gt; tag.<br \/>\n<strong>The full list of possible input types are:<\/strong><\/p>\n<p><strong>text<\/strong><br \/>\n<strong>email<\/strong><br \/>\n<strong>url<\/strong><br \/>\n<strong>tel<\/strong><br \/>\n<strong>search<\/strong><br \/>\n<strong>number<\/strong><br \/>\n<strong>datetime<\/strong><br \/>\n<strong>date<\/strong><br \/>\n<strong>month<\/strong><br \/>\n<strong>week<\/strong><br \/>\n<strong>time<\/strong><br \/>\n<strong>datetime-local<\/strong><br \/>\n<strong>textarea<\/strong><br \/>\n<strong>password<\/strong><br \/>\n<strong>file &#8211; (multiple)<\/strong><br \/>\n<strong>The possible attributes on an input are:<\/strong><\/p>\n<p><strong>name<\/strong><br \/>\n<strong>disabled<\/strong><br \/>\n<strong>readonly<\/strong><br \/>\n<strong>placeholder<\/strong><br \/>\n<strong>autofocus<\/strong><br \/>\n<strong>required<\/strong><br \/>\n<strong>novalidate<\/strong><br \/>\n<strong>The following are attributes that will work on any input except file inputs:<\/strong><\/p>\n<p><strong>maxlength<\/strong><br \/>\n<strong>autocomplete<\/strong><br \/>\n<strong>pattern<\/strong><br \/>\n<strong>spellcheck<\/strong><br \/>\n<strong>match &#8211; This is new to HTML6, give it a name of a field you want it to require a match on.<\/strong><\/p>\n<h4>12.&lt;form:select&gt;<\/h4>\n<p>This tag lets users to select options rather than input anything. Equivalent to the current &lt;input&gt; tag.<\/p>\n<p><strong>The possible input types follow along with attributes that are specific to it:<\/strong><\/p>\n<p><strong>select &#8211; (multiple)<\/strong><br \/>\n<strong>color<\/strong><br \/>\n<strong>calendar &#8211; (range)<\/strong><br \/>\n<strong>meter &#8211; (range, step)<\/strong><br \/>\n<strong>Attributes that work for all select types are:<\/strong><\/p>\n<p><strong>name<\/strong><br \/>\n<strong>readonly<\/strong><br \/>\n<strong>disabled<\/strong><br \/>\n<strong>required<\/strong><br \/>\n<strong>autofocus<\/strong><\/p>\n<h4>13.&lt;form:status&gt;<\/h4>\n<p>The &lt;form:status&gt; tag allows you to give feedback, or a &#8220;status&#8221; update to your users. Useful for an upload progress bar or steps in a multi-page form, for example. These are similar to the &lt;progress&gt; and &lt;meter&gt; elements in HTML5.<br \/>\n<strong>Attributes that work for all status types are:<\/strong><br \/>\n<strong>min<\/strong><br \/>\n<strong>max<\/strong><br \/>\n<strong>value<\/strong><\/p>\n<h4>14.&lt;form:label&gt;<\/h4>\n<p>The &lt;form:label&gt; 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&#8217;s for attribute to the id of any form element.<\/p>\n<p><strong>Attributes that work for the &lt;form:label&gt; tag are:<br \/>\n<\/strong><strong>for<\/strong><\/p>\n<h4>15.&lt;form:submit&gt;<\/h4>\n<p>This tag used to submit a form. Equivalent to the current &lt;input type=&#8221;submit&#8221;&gt; tag.<br \/>\n<strong>Attributes that work for the &lt;form:submit&gt; tag are:<\/strong><\/p>\n<p><strong>name<\/strong><br \/>\n<strong>value<\/strong><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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=&#8221;http:\/\/www.w3.org\/1999\/xhtml&#8221; In HTML6 we take advantage of this ingenious concept by giving<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_joinchat":[],"footnotes":""},"categories":[7],"tags":[],"class_list":["post-2365","post","type-post","status-publish","format-standard","hentry","category-web-technologies"],"aioseo_notices":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.cmscomputer.in\/blog\/wp-json\/wp\/v2\/posts\/2365"}],"collection":[{"href":"https:\/\/www.cmscomputer.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cmscomputer.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cmscomputer.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmscomputer.in\/blog\/wp-json\/wp\/v2\/comments?post=2365"}],"version-history":[{"count":20,"href":"https:\/\/www.cmscomputer.in\/blog\/wp-json\/wp\/v2\/posts\/2365\/revisions"}],"predecessor-version":[{"id":2385,"href":"https:\/\/www.cmscomputer.in\/blog\/wp-json\/wp\/v2\/posts\/2365\/revisions\/2385"}],"wp:attachment":[{"href":"https:\/\/www.cmscomputer.in\/blog\/wp-json\/wp\/v2\/media?parent=2365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cmscomputer.in\/blog\/wp-json\/wp\/v2\/categories?post=2365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cmscomputer.in\/blog\/wp-json\/wp\/v2\/tags?post=2365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}