What is the use of html5 aside tag? Summary of the use of html5 aside tag (with examples)

This article mainly introduces you to the aside tag in HTML5, introduces the role of the tag and how to use it. The aside tag is used as the sidebar of the article, and its role is quite large. Of course, there are also Examples of two methods commonly used when making websites.

Recommended Manual：HTML5 latest version reference manual

##Okay, let’s take a look at this article.

First of all, let’s take a look at the meaning of the html5 aside tag:

The tag defines content outside of the content where it is located. Content

aside should be relevant to nearby content.

html5 The role of the aside tag: The content of
##

can be used as the sidebar of the article

The tag defines content other than article. The content of aside should be related to the content of article. (This is the PHP Chinese website)

<p>大家好，这里是PHP中文网.网址是www.php.cn</p>
<aside>
  <h4>编程教程</h4>
  这里有很多的优质的课程等你来学习
</aside>

The effect is the picture below:

the aside tag in HTML5 Two ways to use:

There are two main ways to use the aside element in website production:

1. It is included in the article element as the main content Ancillary information section, the content of which can be relevant information related to the current article, ranking explanation, etc.

<article>
  <h1>PHP中文网</h1>
  <p>欢迎访问www.php.cn</p>
  <aside>这里是PHP中文网</aside>
</article>

Let’s take a look at the effect first:

Recommended related articles

: 1.About html in< The difference between article> tag and

tag
​ 2.Do you know how to use the HTML5aside sidebar?
Related video recommendations:
1.Dugu Jiujian (1)_HTML5 video tutorial
2. Use it outside the article element as a page or A site-wide ancillary information section. The most typical one is the sidebar, which contains friendly links, lists of other articles in the blog, advertising units, etc.

<aside>
  <h2>这还是PHP中文网</h2>
  <ul>
    <li>一个学编程必备的网站</li>
    <li>一个很活跃的网站</li>
  </ul>
  <h2>PHP中文网</h2>
  <ul>
    <li>欢迎你的到来</li>
    <li>想学什么编程都可以来</li>
  </ul>
</aside>

Finally take a look at the effect:

[Editor’s recommendation]

How to center the html h1 tag? About the h1 centering example analysis in html

##The value of the class attribute of the tag in HTML and a summary of how to use it

The above is the detailed content of What is the use of html5 aside tag? Summary of the use of html5 aside tag (with examples). For more information, please follow other related articles on the PHP Chinese website!