Home > Developer > Web Develop
--Explanation
Article label loading displays a separate article content. For example, a full forum post, a website news, a blog article, and so on, a user comments and so on artilce can be nested, the inner layer of the artilce external layer of the article tag has a subordinate relationship. For example, a blog post can be displayed in article, and some comments can be embedded in article form.
--Show list
<article>
This is an article
<article> Reviews 1...</article>
<article> Reviews 2...</article>
</article>
--Explanation
The section tag defines the sections in the document (the segments, sections). such as chapters, headers, footers, or other parts of the document.
--Show list
<body>
<section>
<p> Detailed content ...</p>
</section>
<section>
<p> Detailed content ...</p>
</section>
</body>
--Explanation
Aside is used to load the contents of a non-body class. Examples include ads, groups of links, sidebar, and so on.
--Show list
<body>
<aside>
Popular articles
</aside>
<aside>
Advertising
</aside>
<article>
This is an article
<article> Reviews 1...</article>
<article> Reviews 2...</article>
</article>
</body>
--Explanation
The hgroup tag is used to group the header elements (H1-H6) of a Web page or section. For example, in a section where you have successive H-series label elements, you can enclose them in hgroup.
--Show list
--Explanation
Header tags define the page composition of a document, usually some guidance and navigation information.
--Show list
<p>this is the page logo</p>
<nav>this is page navigation</nav>
--Explanation
The footer tag defines the footer of a section or document. Typically, the element contains the creator's name, the date the document was authored, and/or contact information.
--Show list
<footer>©2012 Baidu to use before must read Beijing ICP Certificate No. 030173 </footer>
--Explanation
Nav label Definition Show navigation links not all groups of hyperlinks need to be placed in the Nav tab. The Nav tab should include some of the main navigation links in the current page. For example, in the footer display a site navigation links (such as the homepage, Service information page, copyright information page, etc.), you can use the nav tag, of course, this is not necessary.
--Show list
<nav>
<ul>
<li><a href= "articles.html" >index of all articles</a></li>
<li><a href= "today.html" >things sheeple need to wake up for today</a></li>
<li><a href= "successes.html" >sheeple we have managed to wake</a></li>
</ul>
</nav>
--Explanation
The time label defines the period (24-hour) or date of the Gregorian calendar, which is optional for time and time zone offsets. The element is able to encode dates and times in a machine-readable manner, so that, for example, a user agent can add birthday reminders or scheduled events to the user's calendar, and search engines can generate smarter search results.
--Show list
<p> We <time>9:00</time> start business every morning. </p>
<p> I'm <time datetime="2008-02-14">情人节</time> having an appointment. </p>
--Explanation
The mark tag defines the marked text. Use the <mark> tag when you need to highlight text.
--Show list
<p>do not forget to buy <mark>milk</mark> today.</p>
--Explanation
The figure tag specifies separate stream content (images, charts, photos, code, and so on). The content of the figure element should be related to the main content, but if deleted, it should not affect the flow of the document.
--Show list
<p> the Lupu Bridge on the Huangpu River </p> </figure>
--Explanation
The figcaption tag defines the caption of the figure Element (caption). The "figcaption" element should be placed in the position of the first or last child element of the "figure" element.
--Show list
<figure> <figcaption> Lupu Bridge on the Huangpu River </figcaption> </figure>
--Explanation
ContextMenu add to System right-click menu [looks like this feature only Firefox support, very sad.]
--Show list
<div> add to System right-click menu < contextmenu=mymenu/div> <menu type= "context" id= "MyMenu"/>
HTML5 Semantic Tags
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
