养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何使用HTML5中的hgroup元素实现标题分组

时间:2024-10-06 12:34:32

在HTML5中,新增元素hgroup可以为标题或者子标题进行分组,可以配合h1-h瀵鸦铙邮6元素使用。下面利用实例说明:

如何使用HTML5中的hgroup元素实现标题分组

工具/原料

CSS3

HTML5

HBuilderX

截图工具

浏览器

方法/步骤

1、第一,双击打开HBuilderX工具,新建页面文件hgroup.html

如何使用HTML5中的hgroup元素实现标题分组

2、第二,在已新建的页面文件中,调整title标签的内容

如何使用HTML5中的hgroup元素实现标题分组

3、第三,在<body></body>标签中,插入一个header和h壹执慵驾group元素

如何使用HTML5中的hgroup元素实现标题分组

4、第四,接着添加导航栏元素nav,并添加一个无序列表

如何使用HTML5中的hgroup元素实现标题分组

5、第五,在header元素同级,添加一个footer元素,并添加文字内容

如何使用HTML5中的hgroup元素实现标题分组

6、第六,保存代码并运行页面文件,可以查看到标题组实现的效果

如何使用HTML5中的hgroup元素实现标题分组

© 一点知识