header元素是一种具有引导和导航作用的结构元素,该元素可以包含所有通常放在页面头部的内容。

效果图:

代码如下:

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>header元素的使用</title>
</head>
<body>
<header><h1>秋天的味道</h1><h3>你想不想知道秋天的味道?它是甜、是苦、是涩……</h3>
</header>
</body>
</html>

重点:

header元素并非head元素。在HTML网页中,并不限制header元素的个数,一个网页中可以使用多个header元素,也可以为每一个内容块添加header元素。


声明:“来自于网络,如果侵犯著作权,请联系删除”

header元素的使用相关推荐

  1. 了解下SOAP Header 元素

    SOAP 是基于 XML 的简易协议,可使应用程序在 HTTP 之上进行信息交换.可选的 SOAP Header 元素包含头部信息. SOAP Header 元素 可选的 SOAP Header 元素 ...

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

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

  3. HTML5 header元素

    header元素 header元素是一种具有引导和导航作用的结构元素,通常表示整个页面或页面上的一个内容块的头部,它可以包含标题元素 h1 ~ h6(当并非必需的),也可以包含其他的内容,如导航.lo ...

  4. h5中的结构元素header、nav、article、aside、section、footer详解

    文章目录 header元素 nav元素 article元素 aside元素 section元素 footer元素 结构元素不具有任何样式,只是使页面元素的的语义更加明确 header元素 header ...

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

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

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

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

  7. 2.11 header footer hgroup address元素

    非主体结构元素 2.11.1 header元素:具有引导和导航作用的结构元素,通常防止内容区块的标题,也可以是数据表格.搜索表单或者相关的logo图片. 2.11.2 footer元素:可以作为其上层 ...

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

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

  9. html 标签 标记区别,html header标签和footer标签区别的两点总结(附元素区别实例)...

    本篇文章主要的为大家讲述的关于HTML header标签和footer标签的两点区别,接下来就让我们一起来看这篇关于HTML header标签和footer标签的文章吧 一.我们先来看看标签和标签的区 ...

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

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

最新文章

  1. 二十七、Redis缓存穿透和雪崩(完)
  2. permute、transpose、view、reshape、unsequeeze与flatten
  3. MyBatis Plus Generator——MyBatis Plus代码生成器DEMO
  4. 读书笔记_C#入门经典(第5版)第四章_流程控制
  5. Android开发中Edittext设置密码显示隐藏的多种方法
  6. LeetCode 1620. 网络信号最好的坐标
  7. LeetCode 1257. 最小公共区域(最小公共祖先)
  8. 从达标到卓越 —— API 设计之道
  9. 《WCF技术内幕》翻译5:第1部分_第1章_蓝月亮:WCF介绍和本章小结
  10. L2-003 月饼 (25 point(s))
  11. 计算机如何共享桌面,怎么将自己的台式电脑屏幕与多人共享
  12. Eclipse下载及汉化(官方最新)
  13. Java 打印某年某月的月日历
  14. 计算机组装维护课件,计算机组装与维护课件(全)
  15. 简单的C语言实训代码
  16. laravel数据迁移
  17. winpe修复计算机无法启动,巧用PE修复系统启动故障
  18. Thrift交流(二)thrift服务端和客户端实现 Nifty
  19. java 根据拼音查询汉字_java根据拼音搜索,但数据库为汉字的解决方案
  20. 1Flask使用2路由3模板

热门文章

  1. 5G网络演进行业及市场发展需求
  2. 英语发音之音标2---去尾法(a和其他6个辅音字母总共7个字母发音)
  3. 旋转的描述【2】——等效旋转矢量与四元数
  4. 用c语言编译频率求波长,频率与波长的换算公式(c=λv)
  5. 网站CDN 判断 绕过方法
  6. TDD、FDD是什么意思?
  7. AngularJS orderBy 使用要点
  8. 模块学习笔记-IR2110/IR2130(上)
  9. 直方图代码matlab,MATLAB直方图均衡化代码(MATLAB histogram equalization code).doc
  10. VUE使用百度地图API实现三维地球