header元素

header元素是一种具有引航和导航作用的结构元素,

通常用来放置整个页面或页面内的一个内容区块的标题,

但是也可以包含其他内容, 例如数据表格,搜索表单, 或相关的logo图片

header元素可以出现多次

footer元素

footer元素可以作为其上层父级内容区域块或是一个跟区域块的脚注

hgroup元素

hgroup元素是将标题及其子标题分组的元素

hgroup元素通常会将h1~h6元素进行分组

譬如一个区域块的标题及其子元素算一组

转载于:https://www.cnblogs.com/mkl7/p/10905062.html

header元素 footer元素 hgroup元素相关推荐

  1. HTML5的非主体结构元素(header、footer、hgroup、assress)

    header元素 footer元素 hgroup元素 address元素 网页编排规则 1.header元素 代码演示: <!DOCTYPE html> <html lang=&qu ...

  2. html5语义化标记元素_语义HTML5元素介绍

    html5语义化标记元素 Semantic HTML elements are those that clearly describe their meaning in a human- and ma ...

  3. html页面的header,HTML5教程 | HTML5 header和footer元素

    header HTML5 header元素是一个页面的头部的语义标记,或者它也可以是article元素的一部分. 例如下面的图中,header元素是作为一个页面的头部来使用. 使用header元素的H ...

  4. h5---新增的结构性元素(header、footer、nav、article、section、aside、time、progress和meter元素进度条)

    前端入门笔记之零散学习(1) 最开始我们页面布局用的是table标签,然后演变成div+css布局,直到现在我们进行布局用新增的结构性元素. div+css布局 新增的结构性元素 常见的新增结构性元素 ...

  5. html5知识点补充—hgroup元素的使用

    使用hgroup元素组合标题 使用新的HTML5元素hgroup,可以为header元素添加更多的信息. 这个元素用来对多个相关联的h1~h6标题进行分组.如果你的网站有副标题,可以使用hgroup元 ...

  6. hgroup元素与figcaption元素的结合使用

    为了更好地说明各群组的功能,hgroup元素常常与figcaption结合使用.下面通过一个案例进行演示. 效果图: 代码如下: <!DOCTYPE html> <html> ...

  7. HTML5 新增结构元素分为主体结构元素和非主体结构元素

    做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.今天先介 ...

  8. HTML5废除元素,HTML5 与 HTML4 的区别(2) - 新增的元素和废除的元素

    新增的结构元素 在 HTML5 中,新增了以下与结构相关的元素: section元素 section 元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面中的其他部分. 它可以与h1.h2.h3. ...

  9. HTML行内元素、块级元素和行内块元素

    行内元素 HTML (超文本标记语言) 元素大多数都是行内元素或块级元素.一个行内元素只占据它对应标签的边框所包含的空间.行内元素依靠自己的字体大小或者是图像大小来支撑结构, 一般不可以设置宽度,高度 ...

  10. 前端开发 html第二课 自结束标签 注释 标签中的属性 文档声明 进制 字符编码 文档使用 VScode 实体 meta标签 语义化标签 块元素和行内元素 布局标签

    1 自结束标签 标签一般成对出现,但是也存在一些自结束标签 如: 多"/"和没有"/"区别不大 2 注释 注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...

最新文章

  1. No output streams registered, so nothing to execute
  2. 说说我的工作——桌面支持
  3. Maven:基本使用
  4. 对称密码和非对称密码体系_密码学类型:对称和不对称
  5. 三星p7510 android 8.0,7510更新到安卓8.0了。。。
  6. python如何导入numpy简书_Webpack 之常用配置(一)
  7. 【IT】C语言函数中怎么返回一个二维数组
  8. Runtime中神奇的exec方法
  9. IE无法浏览网页,而QQ可以上解决方案
  10. linux使用wiznote笔记
  11. ssq爬取【20210618有效】
  12. 交通银行PHP代码,交通银行国际汇款代码 交通银行swift代码查询
  13. 动态桌面软件测试简历,动态壁纸软件横评
  14. 宝塔同时安装苹果cms海洋cms_海洋cms新手入门安装配置教程
  15. html5怎么做相册影集,手机怎么做相册影集
  16. HTTP协议-python接口自动化话测试(无涯)
  17. 3岁孩子能力训练计划
  18. 谷歌浏览器访问https请求总是显示不安全提示
  19. 做抖音为什么需要海外抖音服务器?如何自建海外抖音服务器站点?
  20. win7 在任务栏左侧加个显示桌面的图标

热门文章

  1. 南阳oj-----一种排序(优先队列法)
  2. python aiompq集群_python操作memcached以及分布式
  3. NYOJ770 仿射密码
  4. 智慧医院建设方案_【聚焦医改】安泰创新智慧医院建设方案惊艳中国医院院长大会!...
  5. 循环buffer的实现_Go语言源码阅读之bytes.Buffer
  6. Focal Loss 和 LightGBM 多分类应用-python实现
  7. linux+删除+grub,请问:如何删除grub引导
  8. 易筋SpringBoot 2.2 | 第三十二篇:Redis Docker入门
  9. 【网络入侵检测】K均值与层次聚类分析(sklearn,scipy,手写实现)
  10. 基于鸢尾花卉数据集的Fisher分类器设计