课程免费试听
网络营销培训专家:新川教育
   著名网络营销培训、淘宝电商培训机构.
实力机构,系统实战!免费试听.
网络营销,淘宝培训课程优惠
元素中新增的非主体结构《HTML5系列教程11》

来源:新川教育 阅读数:1656
添加时间: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。谢谢大家的观看,祝大家身体健康、生活愉快。

学营销送淘宝大优惠活动!    限20名! 报名从速。

      友情链接

  1. 办公文秘
  2. 美术培训
  3. 营销就业班
  4. 资料下载
  5. 学员作品
  6. 学校图片
  7. 联系方式
  8. site map

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