HTML5简介
2016年6月15日 星期三
11:46
HTML5是新一代HTML,HTML标记在HTML5中都可以用
目前应用在手机端，PC 端最新浏览器开始支持
HTML5由W3C和WHATWG 合作的结果
W3C 是万维网联盟，主要制作各种互联网标准的国际组织
WHATWG应用程序工作组，是由FIRFOX CHROME 苹果 SAFARI IE 等浏览器公司
成立了一个机构。主要面向应用程序的完善和开发/表单的扩展完善。
特点
- 更简单
- 标签语义化
- 语法更宽松
- 多设备跨平台
- 自适应网页设计
在HTML5中使用<video>标记中，直接播放视频。
如<input type="email" name="email"/> 邮箱验证
<input type ="color" name="color"/> 调试器面板
<input type="date" name="date"/> 日历
文档类型定义
XHTML1.0文档类型定义有三种：过渡型，严格型，框架型
HTML 5中的文档类型定义 <!DOCTYPE html>
网页字符集设置
<meta charset="utf-8">
页面结构标记：
<header></header> :网页头部
<nav></nav>:导航栏
<footer></footer> 页脚
文章相关标记
- <article> 代表一篇文章
- <aside>:侧边栏
- <section>:区块，用于排版网页，功能和<DIV>一样
- <details>:一个标题的简介
- <summary>:标题的内容，与上面标记配合使用。
音频标记
- 语法格式：<audio>对不起，你的浏览器不支持audio元素</audio>
- 常用属性
- controls：是否显示控制面板
- autoplay：ss是否自动开始
- src：播放文件路径 MP3 ogg wav
- loop：是否循环
视频标记属性
语法格式：<vedio>对不起，你的浏览器不支持vedio!</vedio>
常用属性
- Controls:是否显示控制面板
- autoplay：是否自动开始
- src：视频路径，支持的文件格式：ogg 。MP4
- loop：是否循环
- Width:播放界面的宽度
- height：高度
- poster：第一帧的画面，默认的视频的第一帧。
表单中新增属性
- autocomplete：自动完成，on off
- autofocus：自动获得焦点。