footer.php在哪,HTML5的footer标签元素怎么使用

H5里面增加了一个标签元素，那么我们要怎样使用呢？记得我们在html5版本以前布局网页底部版权时，都会习惯使用id=”footer”或class=”footer”来标记段落，但是在H5里有了这个标签之后，一切都简单了很多。

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

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

比如传统html布局代码：

学习PHP，上www.php.cn!

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

1、语法

第一行

学习PHP，上www.php.cn!

2、对footer元素标签加id

第一行

学习PHP，上www.php.cn!

3、对footer标签加class

第一行

学习PHP，上www.php.cn!

4、知识扩展

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

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

tml5 footer使用布局案例

通过传统div标签布局与footer标签布局对比观察学习，从而掌握footer标签。同时对footer加class，设置红色字体进行对比。

1、完整HTML5布局实例代码

footer

body{text-align:center}

/* 传统布局CSS */

#footer{color:#CCC; background:#630202;border-top:1px solid #871515; padding:10px 0 30px 0; width:100%}

/* HTML5布局样式直接对footer元素设置样式 */

footer{ background:#CCC;border-top:1px solid #000; padding:10px 0 30px 0; width:100%}

.color-F00{ color:#F00}

传统html 使用div布局

第一行

学习PHP，上www.php.cn!

html5 footer标签布局

第一行

学习PHP，上www.php.cn!

html5 footer标签布局设置class

第一行

学习PHP，上www.php.cn!

以上使用传统html div标签和html5 footer标签布局，同时也对footer设置class

标签的用法就是这么多了，更多精彩请关注php中文网其它相关文章！

footer.php在哪,HTML5的footer标签元素怎么使用相关推荐

html5基础--audio标签元素
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
html5中footer元素的作用,html5 footer标签怎么用？footer标签的用法实例
本篇文章主要的为大家介绍了关于HTML5 footer标签的使用方法,有布局之类的知识,纯html编辑,不需要会css,好了,现在让我们来看看这篇关于html5 footer标签的文章吧首先我们先看 ...
html footer写法,HTML5 footer标签元素 css3布局教程
HTML5 标签元素新增html5底部footer元素标签,对html 5新增footer标签根底认识到了解footer css组织教程做到真正掌控与认识记得我们在畴前html5版本夙昔机关网页底 ...
html5语义化布局分割代码,HTML5语义化标签布局的兼容性.html
html5语义化标签布局兼容性调整 header, section, footer, aside, nav, main, article, figure { display: block; } bod ...
html5语义化兼容,HTML5语义化标签，兼容性问题
HTML5不仅仅作为HTML标记语言的一个最新版本,更重要的是它制定了web应用开发的一系列标准,成为第一个将web做为应用开发平台的HTML语言. HTML5定义了一系列的新元素,如新语义化标签,智 ...
好程序员web前端分享常见html5语义化标签
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享常见html5语义化标签,我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总 ...
什么是HTML语义化标签？为什么要用H5语义化标签？HTML5语义化标签有哪些
对于大部分初学者来说,可能无法理解,明明在学习的时候,用div标签就能构成页面,为什么要用h5语义化标签?可能有一些前端工作者对HTML标签语义化的概念也不是很清楚,那么究竟什么是HTML语义化标 ...
html5语义化标签及优点
html5语义化标签及优点 html5中的语义化标签 < h1~h6 >:标题,< h1 > 与 < title > 协调有利于搜索引擎优化. < heade ...
html标签语义化的好处,(2019)[前端]面试题[9]：HTML5语义化标签和新特性
问题知道语义化吗?说说你理解的语义化,如果是你,平时会怎么做来保证语义化? 说说你了解的HTML5语义化标签,HTML5新增了那些新特性? Hello,欢迎来到我的博客,每天一道面试题,我们共同进步 ...

footer.php在哪,HTML5的footer标签元素怎么使用

footer.php在哪,HTML5的footer标签元素怎么使用相关推荐

最新文章

热门文章