> For the complete documentation index, see [llms.txt](https://docs.bashschool.in/v1/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bashschool.in/v1/fundamentals/html/container-tags.md).
# Container tags
HTML provides us with some tags we can use to group other tags together.
Suppose you want to group together a `` and an ``.
You can use ``.
```html
hello!
```
This is probably the most used tag.
`div` is the generic container element:
```html
...
```
It’s the one we use when we don’t have another *dedicated* container tag like `article`.
You often add a `class` or `id` attribute to this element, to allow it to be styled using CSS.
Other container tags exist.
We have `section`, `article`, `header`, `aside`, `main`, `footer`, `nav`.
Those are called semantic elements.
They do not have any special style applied, they all work like `div` but their name has a specific meaning attached.
Imagine you have a page with a heading part with the article title, the content of the article, and finally a footer.
You could write the HTML like this:
```html
Title
Article content
```
Or you can give those sections more meaning in this way, without using class attributes:
```html
Title
Article content
```
There is nothing inherently wrong about using `
`. Nothing changes from the visual point of view. But those tags have more *meaning*, and tools like screen readers can infer information from this meaning.
Let’s see when to use them.
#### `article`
The article tag identifies a *thing* that can be independent from other *things* in a page.
For example a list of blog posts in the homepage of a blog.
```html
Read more
```
An article can also be the main element in a page.
```html
A blog post
Here is the content...
```
#### `section`
Represents a section of a long article. Each section has a heading tag (`h1`-`h6`), then the section content.
Example:
```html
A section of the page
...
Another section of the page
...
```
This tag is useful to break a long article into different **sections**.
#### `nav`
This tag is used to create the markup that defines the page navigation. Into this we typically add an `ul` or `ol` list:
```html
```
#### `aside`
The `aside` tag is used to add a piece of content that is related to the main content.
A box where to add a quote, for example. Or a sidebar.
Example:
```html
some text..
other text...
```
Using `aside` is a signal that the things it contains are not part of the regular flow of the section it lives into.
#### `header`
The `header` tag represents a part of the page that is the introduction. It can for example contain one or more heading tag (`h1`-`h6`), the tagline for the article, an image.
```html
Article title
...
```
#### `main`
The `main` tag represents the main part of a page:
```html
....
....
```
#### `footer`
The `footer` tag is used to determine the footer of an article, or the footer of the page:
```html
....
```
