HTML<hgroup>标签

例子:

使用hgroup元素标记标题和段落是相关的:

<hgroup>

<h2>Norway</h2>

<p>The land with the midnight sun.</p>

</hgroup>

定义和用法:

标签<hgroup>用于包围标题和一个或多个<p>元素。

元素内的标题<hgroup>可以是任意<h1>标题 <h6>。

注意:<hgroup>元素在浏览器中不会呈现任何特殊内容。但是,可以使用CSS来设置<hgroup>元素及其内容的样式。

支持的浏览器:

全局属性

<hgroup>标签支持HTML中的全局属性。

事件属性

<hgroup>标签支持HTML中的事件属性。

默认CSS设置:

<hgroup>大多数浏览器将使用以下默认值显示该元素:

例子:

hgroup {

display: block;

}

<!DOCTYPE html>

< HTML >

<头>

<样式>

群组{

显示:块;

</样式>

</头>

<正文>

<p>一个hgroup元素显示如下:</ p>

<群组>

<h2>挪威</h2>

<p>午夜太阳照耀的土地。</p>

</hgroup>

<p >更改默认css设置以查看效果。</p>

</正文>

</html>

相关推荐
程序员爱钓鱼6 小时前
Node.js 编程实战:文件读写操作
前端·后端·node.js
PineappleCoder6 小时前
工程化必备!SVG 雪碧图的最佳实践:ID 引用 + 缓存友好,无需手动算坐标
前端·性能优化
JIngJaneIL7 小时前
基于springboot + vue古城景区管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
敲敲了个代码7 小时前
隐式类型转换:哈基米 == 猫 ? true :false
开发语言·前端·javascript·学习·面试·web
澄江静如练_7 小时前
列表渲染(v-for)
前端·javascript·vue.js
JustHappy8 小时前
「chrome extensions🛠️」我写了一个超级简单的浏览器插件Vue开发模板
前端·javascript·github
Loo国昌8 小时前
Vue 3 前端工程化:架构、核心原理与生产实践
前端·vue.js·架构
sg_knight8 小时前
拥抱未来:ECMAScript Modules (ESM) 深度解析
开发语言·前端·javascript·vue·ecmascript·web·esm
LYFlied8 小时前
【每日算法】LeetCode 17. 电话号码的字母组合
前端·算法·leetcode·面试·职场和发展