header元素 footer元素 hgroup元素
header元素
header元素是一种具有引航和导航作用的结构元素,
通常用来放置整个页面或页面内的一个内容区块的标题,
但是也可以包含其他内容, 例如数据表格,搜索表单, 或相关的logo图片
header元素可以出现多次
footer元素
footer元素可以作为其上层父级内容区域块或是一个跟区域块的脚注
hgroup元素
hgroup元素是将标题及其子标题分组的元素
hgroup元素通常会将h1~h6元素进行分组
譬如一个区域块的标题及其子元素算一组
转载于:https://www.cnblogs.com/mkl7/p/10905062.html
header元素 footer元素 hgroup元素相关推荐
- HTML5的非主体结构元素(header、footer、hgroup、assress)
header元素 footer元素 hgroup元素 address元素 网页编排规则 1.header元素 代码演示: <!DOCTYPE html> <html lang=&qu ...
- html5语义化标记元素_语义HTML5元素介绍
html5语义化标记元素 Semantic HTML elements are those that clearly describe their meaning in a human- and ma ...
- html页面的header,HTML5教程 | HTML5 header和footer元素
header HTML5 header元素是一个页面的头部的语义标记,或者它也可以是article元素的一部分. 例如下面的图中,header元素是作为一个页面的头部来使用. 使用header元素的H ...
- h5---新增的结构性元素(header、footer、nav、article、section、aside、time、progress和meter元素进度条)
前端入门笔记之零散学习(1) 最开始我们页面布局用的是table标签,然后演变成div+css布局,直到现在我们进行布局用新增的结构性元素. div+css布局 新增的结构性元素 常见的新增结构性元素 ...
- html5知识点补充—hgroup元素的使用
使用hgroup元素组合标题 使用新的HTML5元素hgroup,可以为header元素添加更多的信息. 这个元素用来对多个相关联的h1~h6标题进行分组.如果你的网站有副标题,可以使用hgroup元 ...
- hgroup元素与figcaption元素的结合使用
为了更好地说明各群组的功能,hgroup元素常常与figcaption结合使用.下面通过一个案例进行演示. 效果图: 代码如下: <!DOCTYPE html> <html> ...
- HTML5 新增结构元素分为主体结构元素和非主体结构元素
做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.今天先介 ...
- HTML5废除元素,HTML5 与 HTML4 的区别(2) - 新增的元素和废除的元素
新增的结构元素 在 HTML5 中,新增了以下与结构相关的元素: section元素 section 元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面中的其他部分. 它可以与h1.h2.h3. ...
- HTML行内元素、块级元素和行内块元素
行内元素 HTML (超文本标记语言) 元素大多数都是行内元素或块级元素.一个行内元素只占据它对应标签的边框所包含的空间.行内元素依靠自己的字体大小或者是图像大小来支撑结构, 一般不可以设置宽度,高度 ...
- 前端开发 html第二课 自结束标签 注释 标签中的属性 文档声明 进制 字符编码 文档使用 VScode 实体 meta标签 语义化标签 块元素和行内元素 布局标签
1 自结束标签 标签一般成对出现,但是也存在一些自结束标签 如: 多"/"和没有"/"区别不大 2 注释 注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...
最新文章
- No output streams registered, so nothing to execute
- 说说我的工作——桌面支持
- Maven:基本使用
- 对称密码和非对称密码体系_密码学类型:对称和不对称
- 三星p7510 android 8.0,7510更新到安卓8.0了。。。
- python如何导入numpy简书_Webpack 之常用配置(一)
- 【IT】C语言函数中怎么返回一个二维数组
- Runtime中神奇的exec方法
- IE无法浏览网页,而QQ可以上解决方案
- linux使用wiznote笔记
- ssq爬取【20210618有效】
- 交通银行PHP代码,交通银行国际汇款代码 交通银行swift代码查询
- 动态桌面软件测试简历,动态壁纸软件横评
- 宝塔同时安装苹果cms海洋cms_海洋cms新手入门安装配置教程
- html5怎么做相册影集,手机怎么做相册影集
- HTTP协议-python接口自动化话测试(无涯)
- 3岁孩子能力训练计划
- 谷歌浏览器访问https请求总是显示不安全提示
- 做抖音为什么需要海外抖音服务器?如何自建海外抖音服务器站点?
- win7 在任务栏左侧加个显示桌面的图标
热门文章
- 南阳oj-----一种排序(优先队列法)
- python aiompq集群_python操作memcached以及分布式
- NYOJ770 仿射密码
- 智慧医院建设方案_【聚焦医改】安泰创新智慧医院建设方案惊艳中国医院院长大会!...
- 循环buffer的实现_Go语言源码阅读之bytes.Buffer
- Focal Loss 和 LightGBM 多分类应用-python实现
- linux+删除+grub,请问:如何删除grub引导
- 易筋SpringBoot 2.2 | 第三十二篇:Redis Docker入门
- 【网络入侵检测】K均值与层次聚类分析(sklearn,scipy,手写实现)
- 基于鸢尾花卉数据集的Fisher分类器设计