html5中常用的分组元素：1、p元素，进行段落分组；2、div元素，进行通用分组；3、blockquote元素；4、pre元素；5、hr元素；6、ul、ol、li元素；7、dl、dt、dd元素；8、figure和figcaption元素。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
1 、< p > 建立段落
2、< div >通用分组
立即学习“前端免费学习笔记（深入）”；
由于div自身不带有任何意义，在HTML5强烈要求语义化的大背景下，div作为一种最后的解决方案使用。
3、< li >定义列表中的一个列表项
属性如下：
value：
这个整数型属性表明了本 < li > 元素在有序列表 （由 < ol > 元素定义）中的序号。本属性值只能用数字，即使列表使用罗马数字或字母来展示。随后的列表条目会从设置的值开始计数。value 属性对于无序列表 (< ul >) 或者菜单 (< menu >) 无效。
type：
规定编号的类型。
<ol type="I">
<li value="3">third item</li>
<li>fourth item</li>
<li>fifth item</li>
</ol>输出：
III.third item IV.fourth item V.fifth item
<ul> <li>first item</li> <li>second item</li> <li>third item</li> </ul>
输出：
- first item - second item - third item
< ol > < li > 定义有序列表
<ol> <li>first item</li> <li>second item</li> <li>third item</li>< /ol>
输出
- first item - second item - third item
4、< dl > < dt > < dd > 生成说明列表
<dl>
<dt>Name</dt>
<dd>Godzilla</dd>
<dt>Born</dt>
<dd>1952</dd>
<dt>Birthplace</dt>
<dd>Japan</dd>
<dt>Color</dt>
<dd>Green</dd>
</dl>输出：
Name Godzilla Born 1952 Birthplace Japan Color Green
5、figure、figcaption
<figure>
<img src="/media/examples/elephant-660-480.jpg"
alt="Elephant at sunset">
<figcaption>An elephant at sunset</figcaption>
</figure>6、main
每张页面只能有一个main元素，他表示这张页面的主题。
<main>
<article>
<h1>自行车越野</h1>
<p>自行车越野三生三世</p>
</article>
</main>
<article>
<h1>经济损失</h1>
<p>在野外攀爬天然生成的岩壁。。。</p>
</article>相关推荐：《html视频教程》
以上就是html5中常用的分组元素是什么的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
541
收藏
