Home  >  Article  >  Web Front-end  >  Introduction to the use of

Introduction to the use of

黄舟
黄舟Original
2017-06-19 16:22:583900browse

How to use this tag? more specific!
W3CExplained as:
15221ee8cba27fc1d7a26c47a001eb9b The tag defines content outside of the content in which it is located. The content aside should be relevant to nearby content.
There is no sense of existence at all! What is this label for?

aside isSemanticTags
are usually used to describe content that is not related to the main content of the document
For example, blog posts use atricle tags, and the article information bar next to the blog (The author's avatar, blog category, and author level have nothing to do with the content of the blog body.) Using aside
, Baidu knows that it is a question and answer website. The main body is questions and answers, so the question and answer side uses article, and the user information and upgrade progress on the right , advertisements and recommended knowledge have nothing to do with the answer to the question or the content of the question. Areas that are not related to the subject content are called aside
Simply put, aside can be used as a general information display (information bar), etc.

Below, the editor will share with you two methods of using the aside tag. Here we introduce the two methods of using the aside tag in detail. I hope it will be helpful to everyone.

1 ) is included in the article element as ancillary information part of the main content. The content can be relevant information related to the current article, ranking explanation, etc.

<article>
  <h1>…</h1>
  <p>…</p>
  <aside>…</aside>
</article>

2) Use it outside the article element as a global subsidiary information part of the page or site. The most typical one is the sidebar, the content of which can be friendly links, other article lists in the blog, advertising units, etc.

<aside>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
</aside>

The above is the detailed content of Introduction to the use of

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn