02.Web大前端时代之:HTML5+CSS3入门系列~H5结构元素
2016-01-12 15:54
816 查看
Web大前端时代之:HTML5+CSS3入门系列:/article/5231385.html
1.结构元素
可以理解为语义话标记,比如:以前这么写<div id="nav"></div> 现在偷懒写:<nav></nav>
1.header头部区域,包含对主页的介绍
<header> 标签定义文档的页眉(介绍信息)
2.nav导航系列 <nav> 标签定义导航链接的部分。
3.section一块区域
<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分
4.article文章内容或者主体内容 内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。
5.aside相关内容 <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关
6.footer脚部区域
<footer> 标签定义文档或节的页脚。<footer> 元素应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。您可以在一个文档中使用多个 <footer> 元素。
简单框架搭建:
草图:
补充说明:
header里面的h4,提示信息
Article里面的footer
大纲:
1.结构元素
可以理解为语义话标记,比如:以前这么写<div id="nav"></div> 现在偷懒写:<nav></nav>
1.header头部区域,包含对主页的介绍
<header> 标签定义文档的页眉(介绍信息)
2.nav导航系列 <nav> 标签定义导航链接的部分。
3.section一块区域
<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分
4.article文章内容或者主体内容 内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。
5.aside相关内容 <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关
6.footer脚部区域
<footer> 标签定义文档或节的页脚。<footer> 元素应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。您可以在一个文档中使用多个 <footer> 元素。
简单框架搭建:
草图:
补充说明:
header里面的h4,提示信息
Article里面的footer
大纲:
相关文章推荐
- h5里viewport设置
- html5的页面缓存和本地数据存储支持
- 使用HTML5 API(AudioContext)实现可视化频谱效果
- HTML5 input 常用属性
- 传奇创世h5开发案例:那些年走过的路想想都发怵
- HTML5填充颜色的fillStyle测试
- 01.Web大前端时代之:HTML5+CSS3入门系列~初识HTML5
- HTML5标签元素下的下划线动画
- html5响应式
- html5 Canvas画图3:1px线条模糊问题
- H5 摇一摇
- HTML5新增标签
- HTML5的学习(二)HTML5标签
- HTML5新增属性
- HTML5 History API 实现无刷新跳转
- Web大前端时代之:HTML5+CSS3入门系列
- html5常用属性总结
- HTML5 FormData对象 的上传文件的使用
- HTML5基本页面样式
- Html5添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件教程