How to use the aside tag in HTML5? How to use the Html5aside sidebar you know what?

Source: Internet
Author: User
How to use the aside tag in HTML5? How to use the Html5aside sidebar you know what? This article mainly explains the definition and usage of aside tags in HTML5, as well as the detailed understanding and considerations of aside elements in HTML5.

Definition and usage of HTML 5 <aside> Tags:

The <aside> tag defines content other than article. The content of aside should be related to the content of article.

Here are some examples:

<p>this Summer, I finally came to PHP Chinese net.</p><aside>

Details of the <aside> elements in HTML5:

The html<aside> element represents a part of a page whose content is not strongly correlated with the rest of the page, or is not associated, and exists alone. <aside> elements are usually displayed as sidebar (sidebar) or some insert supplemental content. Usually used to display some definitions in the sidebar, such as table of Contents, index, glossary, etc., can also be used to display relevant advertising, the author's introduction, Web applications, related links, the current page content introduction and so on.

<aside> element Usage Precautions:

Do not use the <aside> element to mark the text in parentheses, because this type of text is considered part of the main content.

Two ways to use aside tags in HTML5:

1. Included in the article element as the main content of the subsidiary Information Section, wherein the content can be related to the current article relevant information, ranking interpretation, and so on.

<article>  

2. Use the Subordinate Information section as a page or site global outside of the article element. The most typical is the sidebar, where the content can make links, other articles in the blog list, ad units and so on.

<aside>  

Tips and Comments:

Tip:<aside> content can be used as the sidebar for the article.

What is the web in HTML5? What are the elements in Web Storage?

What are the attributes of the HTML img tag? Learn about the use of IMG tags

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.