<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <article> <header> <h1>文章标题</h1> <p><time datetime="2015-11-28">2015年11月28日</time></p> </header> <p>文章正文</p> </article> <article> <header> <hgroup> <h1>文章主标题</h1> <h2>文章子标题</h2> </hgroup> <p><time datetime="2015-11-28">2015年11月28日</time></p> </header> <p>文章正文</p> </article> </body> </html>
效果图:
相关推荐
10. details元素:用于创建一个可以展开或折叠的额外信息区域。用户可以查看或隐藏details元素中的内容。summary元素用于为details元素提供标题或摘要。浏览器的支持程度不一,因此在使用时需要注意兼容性问题。 ...
值得注意的是,hgroup元素应当谨慎使用,仅当确实需要组合多个标题时才使用,例如一个主标题加上一个副标题,或者在section或article元素中,标题有明确的从属关系时。 在实际网页制作中,运用figure和hgroup元素...
视频直播系统 2018第五章 自定义播放器编写HGroup
`hgroup`标签是HTML5中引入的一个新元素,用于组织和组合页面的标题元素,主要是`<h1>`到`<h6>`。这个标签的主要目的是帮助改善文档结构,使得浏览器、搜索引擎以及屏幕阅读器能更好地理解网页的标题层次。 在`...
7. `<hgroup>`元素:`<hgroup>`是用来组合多个标题元素(`<h1>`到`<h6>`)的,比如主标题和副标题。它有助于减少标题层次的混乱,使页面结构更清晰。 这些新语义元素的使用,使得HTML5文档的结构更加明确,增强了...
`<hgroup>`元素则用于组合多个标题,如主标题和副标题,通常在`<header>`元素内使用。 页面交互元素也是HTML5的一大特色。`<details>`和`<summary>`元素共同创建了一个可折叠的详细信息区块,用户点击`<summary>`...
例如,在IE中,未识别的元素会被默认视为匿名的内联元素,这可能导致布局和样式出现问题。为了解决这个问题,我们可以通过CSS来改变这些元素的行为,将其设置为块级元素,因为大部分HTML5结构元素在设计时就期望具有...
在HTML5中,hgroup元素用于组合标题元素,而不是使用group或headings元素。 三、CSS3过渡效果的transition属性 CSS3过渡效果的transition属性用于定义对象的过渡效果,其中width .7s ease-in .ls对应的属性是...
10. Article和Aside元素:用于包含自包含的内容,如博客文章、新闻报道;则用于侧边栏内容,与主内容相关但并非必需。 11. Details和Summary元素:和元素提供了一种创建可折叠内容的方式,如帮助文档中的详细信息,...
- **定义**: `<hgroup>` 元素用于组合多个标题级别的元素(`<h1>` 至 `<h6>`),例如主标题和副标题。 - **示例**: ```html <hgroup> 这是HTML5新标签 子标题 </hgroup> ``` - **用途**: 用于组合标题,使...
- hgroup元素:用于对一组标题进行分组,通常包含一个主标题和副标题。 - footer元素:通常包含文档或相关内容区块的脚注信息,例如作者、版权、相关链接等。 - address元素:用于展示和文章相关的联系信息,它不...
第10章 多媒体页面 202 视频讲解:18分钟 10.1 设置滚动文字 203 10.1.1 滚动文字标签——marquee 203 10.1.2 滚动方向属性——direction 203 10.1.3 滚动方式属性——behavior 204 10.1.4 滚动速度...
11.hgroup元素合成05:43 12.footer元素07:04 13.address元素合成04:20 14.figure元素与figcaption元素05:14 15.details元素与summary元素05:09 16.mark元素09:47 17.progress元素05:01 18.meter元素10:45 19.html5...
`<header>`元素用于包含一组介绍性或导航性的辅助内容,而`<hgroup>`则用于将一组标题元素组合在一起,形成一个更复杂的标题。 **`<header>`的滥用** 有时开发者会在不必要的地方使用`<header>`元素,例如: ```...
新增的结构标签 section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。... hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。 footer元素 表示整个页面或页面中一
如何编写普通HTML用于易于维护的,与比例无关HTML文档一般的不要使用XML属性不要将...8 省略CSS type属性不要在style元素内注释掉不要混用CSS和JavaScript标签部分写body元素hgroup元素仅address元素用于联系信息分组
前言 ...这个是学习前端必须掌握的基础知识。 新增的元素 html5新增了一些语义化更好的标签元素。 结构元素 article元素,表示页面中的一块与上下文不相关的独立内容,... hgroup元素,用于对页面中一个区块或整个页面的
- <hgroup>元素是用于组合多级标题(如至),通常用于复杂的头部结构。然而,如果不存在多级标题,就没有必要使用<hgroup>。避免在每个或中都使用,只有当头部包含有意义的辅助信息或导航元素时,才使用。 3. **...