Introduction to the use of
How to use this tag? more specific!
W3CExplained as:
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

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.
