Add HTML5 Elements

<! DOCTYPE html>
<Title> HTML5 new elements </title>
<Header>
The header element indicates a content block in the page or the title of the entire page.
</Header>
<Hr/>
<Nav>
Navigation
</Nav>
<Hr/>
<Aside> the aside element indicates auxiliary information related to the content of the article element other than the content of the article element. </Aside>
<Article>
The article element indicates an independent content on the page that is irrelevant to the context, for example, an article in a blog or an article in a newspaper.
</Article>
<Hr/>
<Figure>
<Figcaption> PRC </figcaption>
<P> the figure element indicates an independent stream content, which generally indicates an independent unit in the content of the main stream of the document. Use the figcaption element to add titles to the figure element group. </P>
</Figure>
<Hr/>
<Section>
The section element indicates a content block in the page, such as a section, header, footer, or other part of the page. It can be used with <mark> h1 </mark>, h2, h3, h4, h5, h6 and other elements to mark the document structure.
</Section>
<Hr/>
<Details>
<Summary> HTML5 </summary>
The details element indicates the details that the user requires and can obtain. It can be used with the summary element. The summary element provides a title or legend. The title is visible. Details are displayed when you click the title.
</Details>
<Hr/>
<Datagrid>
<Ol>
<Li> (datagrid row 0) </li>
<Li> (datagrid row 1)
<Ol style = "list-style-type: lower-alpha;">
<Li> (datagrid row 1, 0) </li>
<Li> (datagrid row 1, 1) </li>
</Ol>
</Li>
<Li> (datagrid row 2) </li>
</Ol>
</Datagrid>
<Hr/>
<Keygen>
The keygen element indicates the production key.
</Keygen>
<Hr/>
<Output>
The output element indicates the output of different types, such as the output of scripts.
</Output>
<Hr/>
The menu element indicates the menu list. This label is used when you want to list form controls.
<Menu>
<Li> <input type = "checkbox"/> Rad </li>
<Li> <input type = "checkbox"/> Blue </li>
</Menu>
<Hr/>
<Form>
<Menu>
<Li> Email: <input type = "email"/> </li>
<Li> url: <input type = "url"/> </li>
<Li> number: <input type = "number"/> </li>
<Li> range: <input type = "range"/> </li>
<Li> date: <input type = "date"/> </li>
<Li> month: <input type = "month" name = "test" value = "value"/> </li>
<Li> week: <input type = "week" name = "test" value = "value"/> </li>
<Li> time: <input type = "time" name = "test" value = "value"/> </li>
<Li> datetime: <input type = "datetime" name = "test" value = "value"/> </li>
<Li> datetime-local: <input type = "datetime-local" name = "test" value = "value"/> </li>
</Menu>
</Form>
<Hr/>
<Footer> footer </footer>
From: http://www.iteye.com/topic/1111909