<!DOCTYPE HTML><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head> <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /> <title></title></Head> <Body> <!--Headers and Hgroup - <!--Header tags include headings, captions, or title navigation in the syntax specification. Header does not allow nesting, nor is it allowed to appear in address or footer elements - <Header> <img/> <Hgroup> <H1> </H1> <H2> </H2> </Hgroup> </Header> <!--article - <!--The article element corresponds to a separate area in the Web page that can contain news, blog posts, and the like - <Div> <article> <img/> <H2></H2> <Address></Address> < Time>2014-8-4</ Time> </article> </Div><!--The aside element acts on the page in areas that are not related to the topic and are relatively independent. The section element acts on different parts of the document under the same topic, such as individual sections of a paper or a separate table on a form page. - <aside> <H2></H2> < Section> <H3></H3> <P></P> <input/> </ Section> < Section> <H3></H3> <P></P> <input/> </ Section> <nav> <H3></H3> <ul> <Li></Li> </ul> <a></a> </nav> </aside> <!--a figure can contain only one figcaption element, which in fact cannot be counted as a structural element, but is good for organizing independent pictures, images, icons, and coding lists - < Figure> <img/> <img/> <img/> <figcaption>Picture Description</figcaption> </ Figure> <!--bei Jing Beijing - <Ruby>North<RT>Bei</RT>Beijing<RT>Jing</RT> </Ruby> <!--Mark highlights a paragraph of text - <Mark>Highlight a paragraph of text</Mark> <!--wbr Dash, no end - <WBR>Used to increase the browser to a long word<WBR>selectable dashes so that the lines are automatically folded www.simply<WBR>Orange<WBR/>juice.com<!--footer does not have to appear at the bottom of the page, it can also be part of the article element. Footer cannot be nested, nor can it be in the header or address. - <!--nav Navigation - <Footer> <P></P> <nav> <H3></H3> <Div> <a></a> </Div> </nav> </Footer> </Body></HTML>