HTML5/CSS3系列教程:HTML5基本标签使用header,nav和footer
2013-01-17 00:00
781 查看
日期:2013-1-15 来源:GBin1.com
大家可能都知道HTML5中出现了很多以前没有的标签,例如,header,nav,和footer,在这之前我们如果开发相关的页面布局的时候,往往都是使用CSS来定义相关的头部,导航及其页底部分,如下:
定义完之后呢,我们使用div标签来组织页面结构,如下:
这样的代码让我们创建了很多的非样式的CSS定义,是的代码结构复杂并且不直观易懂。
在新的HTML5标准中,我们定义了一系列的标签,帮助你更语义化的定义页面层次和逻辑,你不需要自己定义相关的DIV,HTML5提供了现成的标签来完成上述的结构化定义,如下:
使用以上的标签,你只需要在css文件中定义相关的真正的样式信息即可。
在今天的这篇文章中,我们将介绍相关的基本HTML5标签Header,nav和footer。
..........
来源:HTML5/CSS3系列教程:HTML5基本标签使用header,nav和footer
大家可能都知道HTML5中出现了很多以前没有的标签,例如,header,nav,和footer,在这之前我们如果开发相关的页面布局的时候,往往都是使用CSS来定义相关的头部,导航及其页底部分,如下:
#nav{ padding: 10px ... } #header{ padding: 10px ... } #footer{ padding: 10px ... }
定义完之后呢,我们使用div标签来组织页面结构,如下:
<div id="header"></div> <div id="nav"></div> <div id="footer"></div>
这样的代码让我们创建了很多的非样式的CSS定义,是的代码结构复杂并且不直观易懂。
在新的HTML5标准中,我们定义了一系列的标签,帮助你更语义化的定义页面层次和逻辑,你不需要自己定义相关的DIV,HTML5提供了现成的标签来完成上述的结构化定义,如下:
<header></header> <nav></nav> <footer></footer>
使用以上的标签,你只需要在css文件中定义相关的真正的样式信息即可。
在今天的这篇文章中,我们将介绍相关的基本HTML5标签Header,nav和footer。
..........
来源:HTML5/CSS3系列教程:HTML5基本标签使用header,nav和footer
相关文章推荐
- HTML5/CSS3系列教程:HTML5基本标签使用header,nav和footer
- HTML5/CSS3系列教程:HTML5基本标签使用header,nav和footer
- HTML5基本标签使用header,nav和footer
- HTML5/CSS3系列教程:使用SVG图片
- HTML5/CSS3系列教程:使用SVG图片
- HTML5/CSS3系列教程:使用SVG图片
- HTML5/CSS3系列教程:使用SVG图片
- HTML5—新语义元素header、nav、section、article、aside、footer等使用及兼容
- [js高手之路] html5 canvas系列教程 - 认识canvas以及基本使用方法
- HTML5/CSS3系列教程:使用SVG图片
- HTML5/CSS3系列教程:使用SVG图片
- HTML5—新语义元素header、nav、section、article、aside、footer等使用及兼容
- HTML5/CSS3系列教程:HTML5 区域(Sectioning)的重要性
- HTML5/CSS3系列教程:HTML5 区域(Sectioning)的重要性
- HTML5—新语义元素header、nav、section、article、aside、footer等使用及兼容
- 从零开始前端学习[26]:html5的一些常用标签,header,footer,section,aside,figure,figcaption,nav,artical,
- html-5 --html5教程article、footer、header、nav、section使用
- 图片、浏览器-HTML5/CSS3系列教程:使用SVG图片-by小雨
- Hybrid App开发之Html基本标签使用
- HTML系列之三-基本标签