基础篇(六)-HTML5介绍
目录
自学小笔记
HTML5简介
HTML5是新一代HTML。
HTML5目前主要应用在手机端，在PC端最新浏览器已经开始支持了，但还不全面。
HTML5是由W3C和WHATWG合作的结果。
W3C是万维网联盟，主要制作各种互联网标准的国际组织。如：XHTML、CSS、JavaScript、XML、AJAX等。
WHATWG应用程序工作组，是有Firefox，Chrome，苹果、safari、IE等浏览器公司成立了一个机构。主要面向应用程序的完善和开发。如：
- 在
HTML5中使用<video>标记，直接可以播放视频。 <input type="email" name="email"/>邮箱验证<input type="color" name="color" /><input type="date" name="date"/>日历
文档类型定义
XHTML1.0中的文档类型定义有三种：过渡型，严格型，框架型。
HTML5中的文档类型定义<!DOCTYPE html>.
网页字符集设置
<meta charset="utf-8">
页面结构标记
<hearder></header>网页头部
<nav></nav>导航栏、菜单栏
<footer><footer>页脚
文章相关标记
<article>: 代表一篇文章。<aside>: 侧边栏。<section>:区块。主要用于排版网页，功能与<div>一样<details>:一个标题的简介。<summary>:标题的内容，与上面的配合使用。
其他标记
<mark>: 重点标注。<progress>:进度条。max：最大值。value：当前值。
音频标记
- 语法格式
<audio></aduio>对不起，浏览器不支持audio元素 - 常用属性
| 属性 | 说明 |
|---|---|
| Controls | 是否显示控制面板 |
| Autoplay | 是否自动开始 |
| src | 播放文件路径，支持格式mp3， |
| loop | 是否循环 |
视频标签
- 语法格式
<video></video>对不起，浏览器不支持video元素 - 常用属性
| 属性 | 说明 |
|---|---|
| Controls | 是否显示控制面板 |
| Autoplay | 是否自动开始 |
| src | 视频路径。支持的文件格式：ogg、mp4 |
| loop | 是否循环 |
| width | 宽度 |
| height | 高度 |
| poster | 第一帧的画面。默认是视频的第一帧 |
表单中新增的属性
autocomplete:自动完成，提示。autofocus:自动获得焦点。（off/on）
表单input元素type属性的值
tel：电话验证email：邮箱验证url：网址验证color：颜色拾色器date：日历month：选择月份time：时间datetime：日期时间