HTML5 Mobile Development (HTML5 tags and attributes)

First Order
1. How to use the new tags and attributes in HTML5
Other changes in the 2.HTML5
Mobile support for 3.HTML5
4. Reasons to develop mobile Web references using HTML5

Second Order
HTML5 added some new features to the HTML specification, the easiest to understand is the new tags. They never used to be part of HTML, but now they are HTML elements.
Most of the new tags are called "section" elements that provide semantics for HTML document layout segmentation.
Sections are as follows:
<article>A separate part of a document or site
<aside>Content other than the page or topic
<figcaption>The caption of the figure element
<figure>A section of Liu Content (shape, icon, etc.) independent of the text stream
<footer>Footer for a document or chapter
Header of a document or chapter
Title Group
<nav>Navigation section
<section>General chapters that cannot be defined by the above types

<div id= "Main" >
<div id= "Header" > Head </div>
<div id= "NAV" > Navigation </div>
<div id= "Contents" > Text area </div>
<div id= "Footer" > Bottom </div>
</div>
<!--above is an example of a H5 tag, now let's look at the H5 new label .
<section id= "main" >
<nav> Navigation </nav>
<section id= "Contents" > Text area </section>
<footer> Bottom </footer>
</section>


<!--Other Semantic tags
<details>New information
<mark>Content that is highlighted or marked
<meter>Metering device
<output>Script or form results
<progress>Progress indicator
<summary>Summary or description of the details element
<time>Date or time
<wbr>Optional line break (soft conversion)
-

<!--new Multimedia tags
HTML5 is talking about multimedia tags. You can add multimedia elements to HTML with the following tags.
<audio>Inline audio files
<canvas>Inline dynamic Graphics
<embed>Add other technologies that do not contain specific HTML5 elements
<source>source files for embedded audio and video
<track>Auxiliary multimedia tracks for embedded audio and video
<video>Embedded video files
-

<!--****<canvas> tags are used to draw vector images in HTML pages. It allows you to add custom fonts to your pages, create simple, complex games, and move vector graphics. and HTML to control everything, and do not need to plug in or additional XML files. As follows:
-
<canvas id= "Simple-square" width= "800px" ></canvas>
<script type= "Text/javascript" >
function Drawsqurare () {
var canvas = document.getElementById (' Simple-square ');
if (Canvas.getcontext) {
var context = Canvas.getcontext (' 2d ');
Context.fillstyle = "RGB (13, 118, 208)";
Context.fillrect (2, 2, 798, 798);
} else {
Alert ("Trouble you to upgrade your browser!") Don't let me see you again! " );
}
}
</script>

<!--so HTML5 a lot of space on the form, specifically when it comes to sharing in detail or first to understand--

<!--so many words, introduce better internationalization support
The following 5 HTML5 new tags provide support for non-English documents
<bdi>tags are used to change the orientation of text in the HTML language. For example, to insert a Hebrew text into an English document, you can nest it with the BDI tag.
<meat charset>Tags are used to define the character set encoding used by Web pages

<rp>If you are writing HTML in a double-byte language such as Chinese, Japanese, and so on, there are usually note characters, which are small notes next to the characters that are commonly used to mark pronunciations
<rt><ruby> label the range of well-known note text characters, which may include the <rt> representing the note text and the <rp&gt of the brackets on both sides of the note text;.
<ruby>such as: <ruby><rp><rt>ruby text</rt></rp></ruby>
-

<!--HTML4 tags and attributes some tags in HTML4 that do not contain semantic parts are given semantic meaning in H5
<b>Bold text
<i>Italic text
Thematic segmentation in text
<s>Content that is no longer accurate or irrelevant (strikethrough)
<small>Legal documents and other subsidiary rules (small font)

Some labels have changed in meaning
<address>Become part of the sub-section content
<cite>can represent the title of a work, but cannot be used to mark a person's name
<menu>tags are used to create toolbars and right-click menus
...... Too many will not be listed, in the future use of the time to share
-