非主体结构元素

2.11.1 header元素:具有引导和导航作用的结构元素,通常防止内容区块的标题,也可以是数据表格、搜索表单或者相关的logo图片。

2.11.2 footer元素:可以作为其上层父级内容区块或者一个根区块的脚注xi信息,如作者、相关链接及版权

hgroup元素:将标题及其自标题进行分组的元素。hgroup元素通常会将h1~h6元素进行分组,譬如一个内容区块的标题及其子元素算一组。(据弹幕:hgroup标签已经废除了,但是可以使用标点符号,或者用span标签嵌套使用)

2.11.3 address元素:用来在文档中呈现联系信息,包括文档作者或文档维护者的名字、他们的网页链接、电子邮箱、真实地址、电话号码等。还用来展示跟文档相关的联系人的所有联系信息。

内容是标签语义化。

HTML编排规则:

1. 显式编排内容区域块:明确使用section等元素编排

2.隐式编排。。。。。:不明确使用,根据内容自动创建

3.标题分级:新的标题比上个级别低,生成下级内容区域块;反之,将生成新的区域块

4.不同区域块可以使用相同级别的标题:

2.11 header footer hgroup address元素相关推荐

  1. html5--2.9新的布局元素(5)-hgroup/address

    html5--2.9新的布局元素(5)-hgroup/address 学习要点 了解hgroup/address元素的语义和用法 通过实例理解hgroup/address元素的用法 对照新元素布局与d ...

  2. HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav

    hgroup <hgroup> 标签用于对网页或区段(section)的标题进行组合. <hgroup><h1>Welcome to my WWF</h1&g ...

  3. 新元素之hgroup,header,footer,address,nav

    hgroup <hgroup> 标签用于对网页或区段(section)的标题进行组合. <hgroup><h1>Welcome to my WWF</h1&g ...

  4. 九、非主体机构元素——header元素、footer元素、address元素、网页编排

    header元素 一般用来放置整个页面的标题,比如说一个新闻页面,header一般放新闻的标题,如果是一个官方网址,一般header用来放logo和网站导航. <!DOCTYPE html> ...

  5. HTML5学习之header、footer、address等标签作用。

    这些都为语义化标签,就是一种我们仅通过标签名就能判断出该标签内容的语义的标签. <article> <section> <nav> <aside>.&l ...

  6. HTML5 address元素

    address元素 address元素用来定义整个页面.文章或区域的作者或拥有者的联系信息,可以包括作者或拥有者的名字.站点链接.电子邮箱.真实地址.电话号码等各类联系信息.标记为联系信息后,可以让屏 ...

  7. 《HTML5开发手册》——2.4 初学者“菜谱”:使用address元素提供通信信息

    本节书摘来自异步社区<HTML5开发手册>一书中的第2章,第2.4节,作者: [美]Chuck Hudson , [英]Tom Leadbetter 更多章节内容可以访问云栖社区" ...

  8. 在HTML5网页中写法正确的是,跟永哥学HTML5(4):正确使用HTML5的header、hgroup和section...

    在上一章HTML5新增语义化元素的使用中我们讲解了 1.只在需要的时候使用header和hgroup 写不需要写的标签当然是毫无意义的.不幸的是,我经常看到header和hgroup被无意义的滥用. ...

  9. 自定函数获取datagrid,datalist,rpeater控件中header,footer栏中控件

    在论坛上看到很多关于datagrid,gridview,datalist,rpeater提取header,footer中控件的问题,整理了一下.供大家分享 下面我以DataGrid为便进行说明. fo ...

最新文章

  1. MAX9814高性能麦克风
  2. [ARM-assembly]-ARM ASM内联汇编学习
  3. 【Oracle RAC故障分析与处理】
  4. nginx怎么用_后端服务老是重启,前端该如何拯救自己?nginx的妙用
  5. 让 .Net 更方便的导入导出 Excel
  6. cmd运行php文件以及环境配置出现的问题、 php.exe不是内部或外部命令,也不是可运行的程序 或批处理文件、PHP startup: Unable to load dynamic library
  7. 笔记 | 《机器学习》中计算学习理论(下)
  8. 谈谈一些有趣的CSS题目(十四)-- 纯 CSS 方式实现 CSS 动画的暂停与播放!
  9. 文件下载时,IE与FireFox对文件名编码的不同处理! Content-Disposition
  10. 2.2 Mnist手写数据集
  11. Hadoop 权威指南学习2 (Sqoop)
  12. xp查看计算机mac地址查询,如何查看mac地址 xp系统查看查询mac地址方法介绍
  13. 【学习笔记】matlab进行数字信号处理(二)信号的相关分析及幅值分析
  14. 恶意代码防范技术原理-计算机病毒和特洛伊木马分析与防护
  15. 大数据和数据挖掘是什么关系?
  16. 万字拆解欧莱雅:百年美妆帝国的数字化远征
  17. 案例丨GW-PBM-PN网关将Profibus-DP从站设备集成入PROFINET网络
  18. 2015三十本好书推荐及理由
  19. 【Python】用字母生成图像
  20. FFmpeg入门详解之122:Qt5 FFmpeg本地摄像头采集预览实战

热门文章

  1. SDIO2019R2游记&入坑2周年感想
  2. 流程图+BPMN+脑图 JointJS++ 3.6.3 Crack
  3. Class类是什么?
  4. CodeBlocks中文汉化Code::Blocks 10.05 中文版
  5. 黑马程序员—C#多线程
  6. 计算机控制6路模拟量输出,工业级开关量远程无线收发模块|无线开关量6路输入6路输出控制器|4-20ma模拟量无线通信模块...
  7. hadoop 四种压缩格式
  8. throttle在程序中的作用
  9. 02 ABY框架的搭建及踩到的坑
  10. MFC对数据库的操作---MYSQL