What that paragraph says is that if your code is simply used to add styles or scripts and does not have the semantics represented by section, you should use p. It’s not that section cannot be styled.
section is literally understood as "block" or "part". The section element represents a part of a page or a content block. It is generally used as a list of topic blocks. The meaning expressed in HTML5 web pages is similar to the literal understanding, that is, part, block , module, its main function is to segment the content of the page or segment the content of the article. Section tags appear in pairs, starting with <section> and ending with </section> Section tags usually have a title and a content block.
2. Similarities and differences between article and section Section and article can be nested in each other, which means they have no superior-subordinate relationship. Section can contain article, and article can also contain section. It feels like they are all used similarly. They can all have h1, h2, h3, and they all have a main body. So how should we distinguish them? In fact, it is very simple. It is enough to understand them literally: 1. Article is an article, and an article is a complete and independent piece of content. 2. Section is a block. In a sense, it can be understood as p, but its meaning is clearer than p.
3. Similarities and differences between section and p 1. Both section and p can divide content into chunks, but section is used for meaningful chunking. Meaningless chunking should be done by p, for example, used as Set the style of the page container. 2. There must be a title inside the section, and the title also represents the meaning of the section.
4. Things to note when using the <section> tag 1. Do not use <section> as a "hook" container for setting styles or behaviors. That is the job of <p>. 2. If <article>, <aside> or <nav> is more suitable for the situation, do not use <section>. 3. Do not use <section> for content blocks without titles.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
What that paragraph says is that if your code is simply used to add styles or scripts and does not have the semantics represented by section, you should use p. It’s not that section cannot be styled.
section is literally understood as "block" or "part". The section element represents a part of a page or a content block. It is generally used as a list of topic blocks. The meaning expressed in HTML5 web pages is similar to the literal understanding, that is, part, block , module, its main function is to segment the content of the page or segment the content of the article.
Section tags appear in pairs, starting with <section> and ending with </section>
Section tags usually have a title and a content block.
1. Section tag example
2. Similarities and differences between article and section
Section and article can be nested in each other, which means they have no superior-subordinate relationship. Section can contain article, and article can also contain section.
It feels like they are all used similarly. They can all have h1, h2, h3, and they all have a main body. So how should we distinguish them? In fact, it is very simple. It is enough to understand them literally:
1. Article is an article, and an article is a complete and independent piece of content.
2. Section is a block. In a sense, it can be understood as p, but its meaning is clearer than p.
3. Similarities and differences between section and p
1. Both section and p can divide content into chunks, but section is used for meaningful chunking. Meaningless chunking should be done by p, for example, used as Set the style of the page container.
2. There must be a title inside the section, and the title also represents the meaning of the section.
4. Things to note when using the <section> tag
1. Do not use <section> as a "hook" container for setting styles or behaviors. That is the job of <p>.
2. If <article>, <aside> or <nav> is more suitable for the situation, do not use <section>.
3. Do not use <section> for content blocks without titles.