• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > html5 footer标签怎么用?footer标签的用法实例

html5 footer标签怎么用?footer标签的用法实例

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含footer,html5等相关知识,匿名希望在学习及工作中可以帮助到您
本篇文章主要的为大家介绍了关于HTML5 footer标签的使用方法,有布局之类的知识,纯html编辑,不需要会css,好了,现在让我们来看看这篇关于html5 footer标签的文章吧

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

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

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

比如传统html布局代码:

<div id=”footer”> 
  ? 微课江湖 版权所有<br /> 
  学习html,找DIV+CSS资源上微课江湖! 
</div>

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

html5 footer标签的语法:

<footer> 
  ? 微课江湖 版权所有<br /> 
  学习html,找DIV+CSS资源上微课江湖! 
</footer>

小知识扩展:

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

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

html5 footer使用布局案例:

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

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>footer 微课江湖在线演示</title> 
</head> 
<body> 
<p>传统html 使用div布局</p> 
<div id="footer"> 
  ? 微课江湖 版权所有<br /> 
  学习html,找DIV+CSS资源上微课江湖! 
</div> 
<p>html5 footer标签布局</p> 
<footer> 
  ? 微课江湖 版权所有<br /> 
  学习html,找DIV+CSS资源上微课江湖! 
</footer> 
</body> 
</html>

效果如图所示:

tuyi.png

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

【小编推荐】

html中的head标签在哪里找?head标签的作用总结

html frame标签怎么使用?frame标签的用法介绍(附实例)

以上就是html5 footer标签怎么用?footer标签的用法实例的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • html5 footer标签怎么用?footer标签的用法实例
  • HTML5中footer标签的用法你知道吗?,HTML5中的footer标签是什么意思?
  • 使用<header>,<footer>,<nav>等h5标签,和全部使用<div>有什么区别??
  • HTML5 对各个标签的定义与规定:footer

相关文章

  • 2018-12-03在线演示一个全屏切换效果实例
  • 2018-12-03html5的sessionStorage和localStorage详解与使用
  • 2018-12-03HTML5实战与剖析之一行一行看移动端结构
  • 2017-08-06HTML5移动端开发中的Viewport标签及相关CSS用法解析
  • 2017-08-06HTML5进度条特效
  • 2018-12-03使用h5实现react拖拽排序组件的方法(附代码)
  • 2018-12-03HTML5每日一练之Canvas标签的应用-绘制向日葵
  • 2018-12-03使用html5的canvas和JavaScript创建一个绘图程序的示例代码
  • 2018-12-03html5中audio支持音频格式的解决方法
  • 2018-12-03怎样开发优秀的HTML5游戏-迪斯尼《寻找奥兹之路》游戏技术详解(二)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形_html5教程技巧
    • 使用phonegap获取位置信息的实现方法
    • 让IE下支持Html5的placeholder属性的插件_html5教程技巧
    • HTML5调用摄像头的示例代码分享
    • html5 datalist标签的用法是什么?这里有datalist标签的用法实例
    • HTML5 高级教程之web Storage
    • html5中关于volume属性的使用详解
    • HTML5不支持标签和新增标签详解
    • html5 footer标签怎么用?footer标签的用法实例
    • HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍_html5教程技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有