网上教学
网络营销培训专家新川教育
   著名实战网络营销课程培训机构.
本校电商部业务:网站建设、SEO介绍
网络营销,淘宝培训课程优惠
元素中新增的非主体结构《HTML5系列教程11》

来源:新川教育 阅读数:2736
添加时间:2017-4-14   类别:网页设计教程

元素中新增的非主体结构《HTML5系列教程11》

HTML5系列教程

    在上一篇中我们介绍了元素中新增的主体结构,那么与之对应就是元素中新增的非主体结构了。在HTML5中,非主体结构元素表示逻辑结构或附加信息。本次主要为大家介绍HTML5中新增的几个非主体结构元素的定义及使用方法和例子。


1.header元素

    header元素用于定义HTML文档的页眉,是一种具有引导和导航作用的结构元素。header元素通常表示整个页面或者页面内的一个内容区块的标题。一般情况,一个header元素内嵌一个heading元素(h1~h6)。元素的示例如下图:

html5中的header元素

    在这段代码中,h1元素表示该区域内容的标题,nav元素表示一个导航列表,除此之外,header元素的内容还可以是数据表格、搜索表单或相关的logo图片,这也包括我们接下来要介绍的hgroup元素。不过要注意是,header元素应该放在页面的开头,而且可以存在多个。


2.hgroup元素

    hgroup元素用于对header元素标题及其子标题进行分组。在使用header元素时,我们通常会嵌入一个heading(h1~h6)元素,那是因为我们只有一个标题,并且没有子标题。如果header元素的标题下还有子标题,这时候就需要使用hgroup元素对其进行分组。示例代码如下:

HTML5中的hgroup元素

3.footer元素

    footer元素用于定义区块的脚注,这个区块可以是article元素或section元素。通常情况下,footer元素会包含创作者的姓名、文档的创建时间、联系方式和版权信息等。示例代码如下图:

HTML5中的footer元素

4.address元素

    address元素用于定义文档作者或者拥有者的联系信息,包括文档作者或文档维护者的姓名、网站、电子邮件、联系电话等。如果address元素位于article元素内部,则它表示该文章作者或拥有者的联系信息。一般情况下,address元素应该添加到网页的头部或底部。比如将文章作者的联系方式显示在footer元素中的代码如下图所示:

HTML5中的address元素

这里要注意一下的如果在footer元素中需要显示联系方式,应该使用address元素,就像上图中的那样。在HTML5元素中新增非主体结构就到这里了。关注最新动态、了解更多精彩资讯请加我们的官方微信:pyyuanxing。谢谢大家的观看,祝大家身体健康、生活愉快。

      友情链接

  1. 办公文秘
  2. 美术培训
  3. SEM培训
  4. UI设计
  5. PS图片处理
  6. 营销就业班
  7. 跨境电商
  8. 微信营销
  1. 开班信息
  2. 教学优势
  3. 师资介绍
  4. 资料下载
  5. 工作推荐
  6. 学员作品
  7. 学校图片
  8. 视频营销

地址: 广州市番禺区市桥街桥东路63号银座中心7楼全层(番禺中医院旁边,百德中心斜对面)   
电话: 020-84829690   咨询QQ:522961923  点击这里给我发消息 
咨询微信:18926224142     微信公众号:新川教育
Copyright 2005-2020广州新川教育 All rights reserved.粤ICP备11014454号-6

粤公网安备 44011302001949号 site map