`

第10章 hgroup元素

阅读更多
<!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>

 

效果图:

 

  • 大小: 46.7 KB
  • 10.rar (314 Bytes)
  • 下载次数: 0
2
2
分享到:
评论

相关推荐

    第7章 文档元素.pdf

    10. details元素:用于创建一个可以展开或折叠的额外信息区域。用户可以查看或隐藏details元素中的内容。summary元素用于为details元素提供标题或摘要。浏览器的支持程度不一,因此在使用时需要注意兼容性问题。 ...

    HTML5&CSS3网页制作:分组元素.pptx

    值得注意的是,hgroup元素应当谨慎使用,仅当确实需要组合多个标题时才使用,例如一个主标题加上一个副标题,或者在section或article元素中,标题有明确的从属关系时。 在实际网页制作中,运用figure和hgroup元素...

    视频直播系统 2018第五章 自定义播放器编写HGroup

    视频直播系统 2018第五章 自定义播放器编写HGroup

    hgroup标签支持什么浏览器?.docx

    `hgroup`标签是HTML5中引入的一个新元素,用于组织和组合页面的标题元素,主要是`&lt;h1&gt;`到`&lt;h6&gt;`。这个标签的主要目的是帮助改善文档结构,使得浏览器、搜索引擎以及屏幕阅读器能更好地理解网页的标题层次。 在`...

    HTML5新语义元素概述.pdf

    7. `&lt;hgroup&gt;`元素:`&lt;hgroup&gt;`是用来组合多个标题元素(`&lt;h1&gt;`到`&lt;h6&gt;`)的,比如主标题和副标题。它有助于减少标题层次的混乱,使页面结构更清晰。 这些新语义元素的使用,使得HTML5文档的结构更加明确,增强了...

    HTML5页面元素及属性.pptx

    `&lt;hgroup&gt;`元素则用于组合多个标题,如主标题和副标题,通常在`&lt;header&gt;`元素内使用。 页面交互元素也是HTML5的一大特色。`&lt;details&gt;`和`&lt;summary&gt;`元素共同创建了一个可折叠的详细信息区块,用户点击`&lt;summary&gt;`...

    让更多浏览器支持html5元素的简单方法.docx

    例如,在IE中,未识别的元素会被默认视为匿名的内联元素,这可能导致布局和样式出现问题。为了解决这个问题,我们可以通过CSS来改变这些元素的行为,将其设置为块级元素,因为大部分HTML5结构元素在设计时就期望具有...

    1+-X认证Web前端开发模拟卷11.docx

    在HTML5中,hgroup元素用于组合标题元素,而不是使用group或headings元素。 三、CSS3过渡效果的transition属性 CSS3过渡效果的transition属性用于定义对象的过渡效果,其中width .7s ease-in .ls对应的属性是...

    归纳HTML5十五大新特性.pdf

    10. Article和Aside元素:用于包含自包含的内容,如博客文章、新闻报道;则用于侧边栏内容,与主内容相关但并非必需。 11. Details和Summary元素:和元素提供了一种创建可折叠内容的方式,如帮助文档中的详细信息,...

    HTML5新语义

    - **定义**: `&lt;hgroup&gt;` 元素用于组合多个标题级别的元素(`&lt;h1&gt;` 至 `&lt;h6&gt;`),例如主标题和副标题。 - **示例**: ```html &lt;hgroup&gt; 这是HTML5新标签 子标题 &lt;/hgroup&gt; ``` - **用途**: 用于组合标题,使...

    HTML5基本标签整理与部分源码事例

    - hgroup元素:用于对一组标题进行分组,通常包含一个主标题和副标题。 - footer元素:通常包含文档或相关内容区块的脚注信息,例如作者、版权、相关链接等。 - address元素:用于展示和文章相关的联系信息,它不...

    从入门到精通HTML5——PDF——网盘链接

     第10章 多媒体页面 202  视频讲解:18分钟  10.1 设置滚动文字 203  10.1.1 滚动文字标签——marquee 203  10.1.2 滚动方向属性——direction 203  10.1.3 滚动方式属性——behavior 204  10.1.4 滚动速度...

    HTML5+CSS3 快速入门 前端 源代码.rar

    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...

    六种常见的HTML5写法误用

    `&lt;header&gt;`元素用于包含一组介绍性或导航性的辅助内容,而`&lt;hgroup&gt;`则用于将一组标题元素组合在一起,形成一个更复杂的标题。 **`&lt;header&gt;`的滥用** 有时开发者会在不必要的地方使用`&lt;header&gt;`元素,例如: ```...

    html5的新增的标签和废除的标签简要概述

    新增的结构标签 section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。... hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。 footer元素 表示整个页面或页面中一

    html-best-practices-ja-detailed:如何编写普通HTML

    如何编写普通HTML用于易于维护的,与比例无关HTML文档一般的不要使用XML属性不要将...8 省略CSS type属性不要在style元素内注释掉不要混用CSS和JavaScript标签部分写body元素hgroup元素仅address元素用于联系信息分组

    前端面试必备之html5的新特性

    前言 ...这个是学习前端必须掌握的基础知识。 新增的元素 html5新增了一些语义化更好的标签元素。 结构元素 article元素,表示页面中的一块与上下文不相关的独立内容,... hgroup元素,用于对页面中一个区块或整个页面的

    六种常见的HTML5写法误用.pdf

    - &lt;hgroup&gt;元素是用于组合多级标题(如至),通常用于复杂的头部结构。然而,如果不存在多级标题,就没有必要使用&lt;hgroup&gt;。避免在每个或中都使用,只有当头部包含有意义的辅助信息或导航元素时,才使用。 3. **...

Global site tag (gtag.js) - Google Analytics