html5是html最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。其设计目的是为了在移动设备上支持多媒体,当前大部分现代浏览器已经具备了某些 HTML5 支持。
如上图,html5的新增的api,如在翻页时的动画效果、右上角的音频播放等,便利开发的同时也提升了用户体验。
html5新特性:
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search
完全支持css3属性(新选择器、属性、动画、圆角、阴影等)
html5声明: 声明必须位于 HTML5 文档中的第一行
//html5声明 <html><head><meta charset="utf-8"> //控制编码格式,中文网页时使用utf-8声明编码<title>文档标题title>head> <body>文档内容......body> html>
html新增的标签:
标签 | 含义 |
定义页面独立的内容区域 | |
定义页面的侧边栏内容。 | |
允许设置一段文本,使其脱离其父元素的文本方向设置 | |
定义命令按钮,比如单选按钮、复选框或按钮 | |
用于描述文档或文档某个部分的细节 | |
定义对话框,比如提示框 | |
标签包含 details 元素的标题 | |
规定独立的流内容(图像、图表、照片、代码等等)。 | |
| 定义 |
定义了文档的头部区域 | |
定义 section 或 document 的页脚 | |
定义导航链接的部分 | |
定义任何类型的任务的进度。 | |
定义文档中的节(section、区段)。 | |
定义日期或时间 |
html5移除的元素:(亲身经历有些面试官就会聊到这些)
html5代码规范:
使用正确的文档类型
使用小写元素名
闭合所有的HTML元素
关闭空的HTML元素(单标签格式)
使用小写属性名
属性值使用引号引导
图片元素添加alt属性
等号前后可以使用空格
开发过程中添加合理的注释