<header>, <nav> and <footer>. It also gave us slick new JavaScript APIs like drag and drop, localStorage, and geolocation. Still, however, there is a void that HTML5 has yet to fill and that void is truly semantic markup.<div id="wrapper"> to <wrapper> or a better example, making a calendar like:<calendar>
<month name="January">
<day>1</day>
<day>2</day>
<day>3</day>
<!-- ...and so on -->
</month>
</calendar>
<img>, <embed>, <video>, <audio>, and so on? For example, wouldn't it be nice to just simply do: <html:media src="my-audio-file.aac" type="aac"> and let the browser deal with how to render it?xmlns:xhtml="http://www.w3.org/1999/xhtml"<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Sample</html:title>
<html:meta type="title" value="Page Title">
<html:meta type="description" value="This is an example of HTML with namespaces">
<html:link src="css/main.css" title="Main Styles" type="text/css">
<html:link src="js/main.js" title="Main Script" type="text/javascript">
</html:head>
<html:body>
<header>
<logo>
<html:media type="image" src="images/logo.png">
</logo>
<nav>
<html:a href="/cats">Cats</a>
<html:a href="/dogs">Dogs</a>
<html:a href="/rain">Rain</a>
</nav>
</header>
<content>
<article>
<h1>This is my main article head</h1>
<h2>This is my sub head</h2>
<p>[...]</p>
<p>[...]</p>
</article>
<article>
<h1>A cool video!</h1>
<h2>Pay attetion to the media elements</h2>
<p>[...]</p>
<html:media type="video" src="vids/funny-cat.mp4" autostart controls>
<p>Man, that was a stupid cat.</p>
</article>
</content>
<footer>
<copyright>This site is © to Oscar Godson 2009</copyright>
</footer>
</html:body>
</html:html>
<html:x> tags throughout this sample. Those are the namespaced elements that belong to the W3C and HTML6 spec. These elements trigger browser events. For example, the <html:media type="image"> element will make an image appear or, the <html:title> element makes the title bar of the browser change and so on.<p> or the <h1> tags are just because I like using those as ways to markup paragraphs or the most important header, but I could have used <paragraph>, <text>, or <helloworldanythingiwant>.html like: <html:title><html:html><html> tag.<!DOCTYPE html>
<html:html>
<!-- rest of HTML would go here -->
</html:html>
<html:head><html> tag. The tag contains data that isn't actually displayed (aside from the <html:title> which is displayed in the browser's windows). Rather, it's purpose is to get data and scripts that affect the display of the content in the <html:body>. These scripts and other sources include things like JavaScript, CSS, RSS feeds, etc.<!DOCTYPE html>
<html:html>
<html:head>
<!-- Head content here, like the <html:title> tag -->
</html:head>
</html:html>
<html:title><title> tag. Browsers will use this for the tab bar, favorites, etc. and search engines will use this as the title of their links<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
</html:html>
<html:meta><!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
<html:meta type="description" value="This is an example of HTML with namespaces">
</html:head>
</html:html>
<html:link><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.<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
<html:link src="js/main.js" title="Main Script" type="text/javascript">
</html:head>
</html:html>
<html:body><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.<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<!-- Your web page's content would go here -->
</html:body>
</html:html>
<html:a><a> tag. The <html:a> tag takes one required attribute which is the href which directs the anchor or link where to go. For an anchor you'd use the syntax #id-of-element-to-link-to and for a link to another web page you'd simply insert the link like http://google.com.<a> tag are:hrefnametarget (can be blank, parent, top or self)<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<html:a href="http://google.com">Go to google.com!</html:a>
</html:body>
</html:html>
<html:button><button> or <input type="button"> in HTML<=5, the <html:button> tag allows you to create a button for user interaction on a page.<html:button> tag are:disabled<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<html:button>Push me!</html:button>
</html:body>
</html:html>
<html:media><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.<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<!-- Image -->
<html:media src="images/logo.jpg" type="image">
<!-- Video, shows you don't "need" a type -->
<html:media src="videos/cute-cat.mov">
<!-- Some made up format, browser will ignore if it doesn't know it -->
<html:media src="misc/example.abc" type="abc">
</html:body>
</html:html>
<form:form>method and action. As with current HTML forms, method can be POST or GET (they can be lowercase too) and will send the form with that as the HTTP header. More details on GET and POST can be found at W3.org. The action attribute tells the form where to send the data. By default the "method" is set to GET and the "action" is the current page.<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<form:form method="post" action="/sendmail">
<!-- Form inputs and stuff go here -->
</form:form>
</html:body>
</html:html>
<form:input><textarea> and would also include HTML5 style for inputs like email and url. The full list of possible input types are:textemailurltelsearchnumberdatetimedatemonthweektimedatetime-localtextareapasswordfile - (multiple)namedisabledreadonlyplaceholderautofocusrequirednovalidatemaxlengthautocompletepatternspellcheckmatch - This is new to HTML6, give it a name of a field you want it to require a match on.<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<form:form method="post" action="/sendmail">
<!-- Simple input (defaults to text) -->
<form:input>
<!-- A new HTML6 match example -->
<form:input type="password" name="user_password">
<form:input type="password" match="user_password">
<!-- Advanced example -->
<form:input type="email" placeholder="user@site.com" autofocus required>
</form:form>
</html:body>
</html:html>
<form:select><form:select> tag lets a user select from options rather than input anything. For example an HTML<=5 <select> would be close to the same. Some others would be a calendar, color picker, and range because these are predefined values in which you choose from.select - (multiple)colorcalendar - (range)meter - (range, step)namereadonlydisabledrequiredautofocus<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<form:form method="post" action="/scheduler">
<!-- Normal select -->
<html:select type="select" name="favorite_color">
<!-- Calendar example -->
<html:select type="calendar" name="the_calendar" range="10/10/10-10/10/11">
</form:form>
</html:body>
</html:html>
<form:status><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.progressmeterminmaxvalue<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<form:form method="post" action="/upload">
<!-- Example showing "steps" in a form -->
<form:status type="meter" min="1" max="3" value="2">
<message>You're currently on step 2 of 3</message>
<!-- Example showing an upload progress bar -->
<form:status type="progress" max="100" value="25">
</form:form>
</html:body>
</html:html>
<form:label><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.<form:label> tag are:for<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<form:form method="post" action="/login">
<form:label for="username">Username</form:label>
<form:input id="username" name="username">
<form:label for="password">Password</form:label>
<form:input id="password" name="password" type="password">
</form:form>
</html:body>
</html:html>
<form:submit><input type="submit"> in HTML<=5, <form:submit> will create a button which submits your form. If a submit button is present in a form, pressing enter while focused inside of a form will submit it.<form:submit> tag are:namevalue<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<form:form method="post" action="/login">
<form:label>Login</form:label>
<form:input name="username">
<form:input name="password" type="password">
<form:submit name="submit" value="submit">
</form:form>
</html:body>
</html:html>
<html:meta type="author" content="m93a">
<html:meta type="author" content="m93a" />
<html:link href="./a.html">Text content</html:link>
<!-- This shortand... -->
<foo class="bar" />
<!-- ...means in fact this: -->
<foo class="bar"></foo>
| Product | Purchased via | Used in | In-app payment? | Reason |
|---|---|---|---|---|
| Real world poker chip | My app | Real World Casino | No | Real world goods |
| Virtual poker chip used within a single app | My app | My app | Yes | Delivered and consumed within the app |
| Virtual poker chips used within multiple apps | My App | Multiple apps | No | Goods shared across multiple applications |
| Product | Purchased via | Used in | In-app payment? | Reason |
|---|---|---|---|---|
| News articles | My app | My app | Yes | Delivered and consumed within the app |
| News articles | My app | My app and web browser | No | Goods are not delivered within the app |
| News articles | Website | My app and web browser | No | Goods are not delivered within the app |
| Physical newspaper with additional in-app content | My app | Real world and my app | No | Real world goods |
| Product | Purchased via | Used in | In-app payment? | Reason |
|---|---|---|---|---|
| TV streaming service | My iPhone app | My app on iPhone and iPad | Yes | Available across registered devices |
| TV streaming service | My iPhone app | My iPhone app | No | Not available across registered devices |
| https://www.youtube.com/watch?v=Ng2NGJ4O8cM&list=PLIwSqSAJUgD5J5Q54AAuzs0EtiTVtkywl |
For More Details You can visit the below link http://programming-guru.com/ http://youtube.com/webboostings/ http://webboostings.blogspot.in/ Thank You Abhishek Bendre |
| WebSite : | http://programming-guru.com/ |
|---|---|
| Youtube Channel : | http://youtube.com/webboostings/ |
| PhoneGap Video Tutorial : | https://www.youtube.com/watch?v=xRIkSlS_Zx4&list=PLIwSqSAJUgD4gfl275CI1SPy5MHIhN1Gq/ |
| ASP.NET Video Tutorial : | https://www.youtube.com/watch?v=WLeorkXA1dc&list=PLIwSqSAJUgD6buGDTWqBNdiEsZpgVFJcu |
| C# Video Tutorial : | https://www.youtube.com/watch?v=JJFwQSZho0U&list=PLIwSqSAJUgD7wzELwDTogahdUVH_BSL6Q |
| iOS Video Tutorial : | https://www.youtube.com/watch?v=5QhF_BVmHHU&list=PLIwSqSAJUgD7_MN-q_ELSOGNc9GrkZoh4 |
| Custom jqGrid Video Tutorial : | https://www.youtube.com/watch?v=pskNp-f88wQ&list=PLIwSqSAJUgD680jp9bEYqXIoY7qMDWV5E |
