如何让你的前端代码更像HTML5(用语义元素构造html5)
来源:互联网 发布:spark json rdd 编辑:程序博客网 时间:2024/06/05 06:37
自己写了很多的前端页面,但是感觉自己写的页面和HTML5关系不大,于是就借此机会好好研究一下HTML5。下面和大家分享自己的收获:
9个HTML5元素应用块级简单介绍:
article
包含内容,标题,作者署名,以及正文,但是不要包含footer
aside
与它周围的内容没有密切联系
figure
放一个图片
figcaption
对放的图片进行一个简单的说明,也可以是img不要alt标签
footer
只能够放一些网站版权信息,作品来源,法律限制以及链接子类的信息。不能放太多的链接,重要的内容或者无关的内容,广告等。
header
标注网页的页眉(也就是最顶端的部分),可以包含图片,nav,以及标题,副标题等
main
包装article
nav
包装一组链接
section
如果里面有标题h标签,那么就使用section,否则就使用div。
例如:
下面是常用的布局:
阅读全文
0 0
- 如何让你的前端代码更像HTML5(用语义元素构造html5)
- HTML5秘籍——第二章(用语义元素构造网页)
- 如何让你的“笨兔”更像苹果?
- 让你的IE浏览器支持HTML5标准方法代码
- 前端代码规则(html5)
- WEB前端之HTML5[2]~HTML5新增的元素
- WEB前端之HTML5[5]~HTML5增强的页面元素
- 如何让你的java代码跑的更快
- 让IE(包括IE6)支持HTML5元素的方法
- 让IE6支持HTML5元素的方法
- iOS -如何让你写的代码更规范
- iOS -如何让你写的代码更规范
- 如何创建一个baseActivity,让你的代码更优雅
- HTML5实战应用:如何让表单验证更友好
- 【HTML5 1】39个让你受益的HTML5教程
- 为你介绍HTML5的command 元素
- 让你受益的HTML5教程
- HTML5 CSS3元素富有更细致的语义
- OpenCL浅析(2)- 对象与API
- Git与Repo入门
- 内存泄漏问题研究
- Linux进程间通信-信号
- 【[TCP/ip】-TCP三次握手四次挥手
- 如何让你的前端代码更像HTML5(用语义元素构造html5)
- WOW64
- AS开发中出现Error(七)——Could not init DAOConfig
- 函数调用
- Kotlin简介
- 【备忘】小迪2017年网络安全培训第15期
- JS正则表达式验证是否为11位有效手机号码
- easyui ValidateBox validType验证规则
- Yii控制器直接校验系统验证码