本篇文章主要的为大家介绍了关于HTML5 footer标签的使用方法,有布局之类的知识,纯html编辑,不需要会css,好了,现在让我们来看看这篇关于html5 footer标签的文章吧

首先我们先看看html5 footer标签的使用:

HTML5 标签元素 新增html5底部footer元素标签,对html 5新增footer标签基础认识到了解footer css布局教程做到真正掌握与认识

记得我们在以前html5版本以前布局网页底部版权时,习惯使用id=”footer”或class=”footer”。了解更多html教程标签!

比如传统html布局代码:

© php中文网 版权所有

学习html,找DIV+CSS资源上PHP中文网!

但在html5中将此”footer”常用的命名新增为html5元素标签成员。

html5 footer标签的语法:

© php中文网 版权所有

学习html,找DIV+CSS资源上PHP中文网!

小知识扩展:

我们在html5开发使用footer标签时,把当作普通div标签对待即可,只不过一般用于网站底部布局。一般情况下一篇网页只有一个底部区,所以使用最好只使用一次footer即可。

需要注意:是html5新增的,在IE8及以下IE浏览器不兼容,谨慎使用。

html5 footer使用布局案例:

通过传统div标签布局与footer标签布局对比观察学习,从而掌握footer标签。完整HTML5布局实例代码:

footer PHP中文网在线演示

传统html 使用div布局

© php中文网 版权所有

学习html,找DIV+CSS资源上PHP中文网!

html5 footer标签布局

© php中文网 版权所有

学习html,找DIV+CSS资源上PHP中文网!

效果如图所示:

好了,到这,这篇关于HTML5 footer标签的文章就结束了(想学更多就来PHP中文网,里面有你所有想要的在线编程课程),有疑问可以在下方留言

【小编推荐】

html5中footer元素的作用,html5 footer标签怎么用?footer标签的用法实例相关推荐

  1. HTML5中Nav元素作用及应用场景知识点

    HTML5中Nav元素作用及应用场景知识点,Nav元素一般用来做导航栏,链接到本页面的某个位置或者是其他页面.元素标签 将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读 ...

  2. html里的section可以设置id,html5中section元素详解

    html5中section元素详解 一.总结 一句话总结: section元素 用来定义文章中的章节(通常应该有标题和段落内容) section元素的作用就是给内容分段,给页面分区 1.section ...

  3. HTML5中section由什么组成,html5中section元素详解

    html5中section元素详解 一.总结 一句话总结: section元素 用来定义文章中的章节(通常应该有标题和段落内容) section元素的作用就是给内容分段,给页面分区 1.section ...

  4. HTML5中article元素的使用

    本文和大家分享的主要是HTML5中article元素的相关用法,同时结合具体实例进行讲解,加深大家对article元素的印象,一起来看看吧,希望对大家学习HTML5有所帮助. 什么是Article元素 ...

  5. html盒子有哪些属性,盒子模型有哪些属性 在html5中哪些元素具有盒子模型

    HTML盒模型基本属性有哪些 CSS盒子模型就是在CSS技术所使用的一种思维模型.CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个 ...

  6. html5中提供的绘图元素,HTML5中Canvas元素的使用总结

    HTML5中Canvas元素的使用总结 Canvas提供了开发者自定义绘图的接口,我们可以公国getContext()函数来获取绘图上下文进行绘制操作,这个函数中可以传入两个参数,其中第1个参数设置绘 ...

  7. c语言内部超链接,HTML5中文本元素超链接的属性

    本章主要探讨HTML5中文本元素重要的一个超链接,探讨它自身的属性以及路径问题. 超链接的属性 元素属于文本元素,有一些私有属性或者叫局部属性.那么,相对应的还有通用属性或叫做全局属性.这方面的知识, ...

  8. html5中还有div吗,关于html5中的section标签与div标签的区别(内有实例)

    摘要 腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...

  9. html5中创建多个nav,HTML5 对各个标签的定义与规定:nav

    对nav标签的定义与规定 HTML5中的新元素标签用来将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读器等设备的支持也更好. 一直以来,我们习惯于使用形如 或 这样的代 ...

最新文章

  1. 实现Qemu aarch32虚拟开发板ping www.baidu.com
  2. [浪子学编程][MS Enterprise Library]ObjectBuilder之创建策略祥解(一)
  3. 利用Angular2的Observables实现交互控制
  4. 500px不一样的读图
  5. ElementUI的DateTimePicker组件修改时间格式
  6. [iOS] UITextField隐藏软键盘心得(隐藏自身软键盘、点击Return自动转到下个文本框、轻触背景隐藏软键盘)...
  7. 中国网建SMS短信接口调用(java发送短信)
  8. 可拖动的进度条_TIM iOS版重大更新:支持语音进度条拖动和暂停
  9. 二维绕任意点旋转_解析几何|对称,平移和旋转
  10. 分布式系统常用思想和技术
  11. python保存图片到本地代码_python保存网页图片到本地的方法
  12. Remi教程GUI设计番外篇
  13. GIS 矢量数据 编码方式
  14. win10命令行动态调整网卡优先级
  15. 怎么快速读懂c语言程序,零基础如何看懂C语言程序的基本结构
  16. Protecting Against DNN Model Stealing Attacks 论文阅读心得
  17. 2-1:编写一个Java应用程序,输出俄文字母表。
  18. tcp短连接TIME_WAIT问题解决方法大全(1)——高屋建瓴
  19. poj3616 Miking Time dp
  20. 爬取M3U8文件支持的网页在线播放资源(AES-128加密)

热门文章

  1. 国产化下jmeter的适配
  2. substance painter 2018 mac中文永久破解教程
  3. 利用声音传感器控制led灯功能_声光感应控制LED灯的设计
  4. EMV规范学习与研究(十)——卡片行为分析
  5. STM32 USB相关知识扫盲
  6. 基于JS和html的盖楼网页游戏设计
  7. 渡课课堂总结(8.9)
  8. qemu rtl8139调试问题
  9. ValueError: Map ‘SMAC_Maps\8m.SC2Map‘ not found.
  10. 一则经典技术面试题目的解读