HTML5分组元素
所谓分组元素就是用来组织相关内容的HTML5元素，清晰有效的进行归类
一、元素分类汇总
元素名称 说明
p 表示段落
div 一个没有任何语义的通用元素，和span是对应的元素
blockquote 表示引自它处的大段内容
pre 表示其格式应该被保留的内容
hr 表示其段落级别的主题转换，即水平线
ul，ol 表示无序列表，有序列表
li 用于ul，ol元素中的列表项
dl，dt，dd 表示包含一系列术语和定义说明的列表。dt在dl内部表示术语，一般充当标题，dd在dl内部表示定义，一般是内容
figure 表示图片
figcaption 表示figure元素的标题
二、分组元素解析
1、
建立段落
这是一个段落
这是另一个段落
解释：
元素实际作用就是将内部元素包含的文本形成一个段落；而段落和段落之间保持一定的空隙
2、
説明:
段落との違いは、テキストの 2 つの段落の間に上下のスペースがなく、ギャップ間隔が
改行と同じであることです。
と
<p>这是一个段落</p> <p>这是另一个段落</p> <div>这是一个通用分组</div> <div>这是另一个通用分组</div>
他の場所からの大きな段落を引用しますcontentこれは他の場所からの別の大きなコンテンツです
説明:要素は、実際には要素と同じように機能します。段落のギャップを調整し、先頭と末尾のインデントの機能も含みます。意味的に言えば、他の場所のコンテンツの大部分を指します。
4.
説明:フォーマットされたコンテンツを表示する <br/><pre class="brush:html;toolbar:false"><pref> ##### ##### ##### ##### ##### </pref> ログイン後にコピー説明: この要素の実際の機能は、文脈上のトピックの分割を示すことを目的とした分割線を追加することです。 6.要素の実際の機能は、それをそのまま表示します。 、これは単純な組版にのみ適しており、複雑な組版では要件を満たすことができません。 <p></p><p></p><p>5. <hr>区切りの追加 <img src="https://img.php.cn//upload/image/930/634/103/1487058091703651.png" title="HTML グループ化要素" alt="HTML グループ化要素" style="max-width:90%" style="max-width:90%"/><pre class="brush:html;toolbar:false"><div>这是一个通用分组</div> <hr> <div>这是另一个通用分组</div> ログイン後にコピー
- 順序なしリストを追加します
<ul> <li>张三</li> <li>李四</li> <li>王五</li> <li>马六</li> </ul>ログイン後にコピー説明:
要素は内部リスト項目です
7.
- 順序付きリストを追加します
<ol> <li>张三</li> <li>李四</li> <li>王五</li> <li>马六</li> </ol>ログイン後にコピー
説明:要素は順序付きリストを表し、
- 要素は内部リスト項目です。
要素は現在 3 つの属性をサポートしています: ee
li 要素属性
<ul> <li>张三</li> <li>李四</li> <li>王五</li> <li>马六</li> </ul> <ol> <li>张三</li> <li>李四</li> <li>王五</li> <li>马六</li> </ol>
- 张三
- 李四
- 王五
- 马六
- 张三
- 李四
- 王五
- 马六
- 张三
- 李四
- 王五
- 马六
- 张三
- 李四
- 王五
- 马六
- 张三
- 李四
- 王五
- 马六
ログイン後にコピー8、
- <指示のリストを生成します
< ;dl>
dd>この文書の詳細は次のとおりです2
説明: 3 つの要素は全体ですが、
- または
- のすべてではありません。必ず表示されます
<ol> <li>张三</li> <li>李四</li> <li>王五</li> <li>马六</li> </ol>
- 张三
- 李四
- 王五
- 马六
ログイン後にコピー9. PHP 中国語 Web サイトにご注意ください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
