HTML5概述、标签

一. Html5简介

1.什么是html5

• html5是html4的升级版
• html5主要是移动端应用比较多
• html5中的新标签语义化更明确

2.html5的改进

• 新元素
• 新属性
• 完全支持 CSS3
• Video 和 Audio
• 2D/3D 制图
• 本地存储
• 本地 SQL 数据
• Web 应用

3.html5的标志

声明：

是html5的标志

4.html5的兼容性

现在的浏览器都支持html5，之前比较旧的浏览器还是不支持
可以使用书写格式语法，兼容性语法 csshack

二.Html5兼容性

强制兼容性处理

三.Html5标签

1.新元素

• footer=div
• canvas 标签 绘图标签 通过js在canvas上进行绘图
• canvas cocos-2d引擎 做网页游戏
• keyqen 秘钥标签 私有秘钥（在本地） 公有秘钥（在服务器）
• output 输出计算值 结合-js

2.新增语义化标签

2.1header

定义头部

头部

2.2footer

定义页脚

页脚

2.3nav

相当于div定义导航的

定义导航的

2.4 article

定义相对页面独立的内容区域
下面展示一些 内联代码片

独立内容

2.5section

=div 定义内容区域

定义内容区域

2.6aside

定义侧边栏

侧边栏

2.7bdi

文本突出 类似span

类似span

2.8figure

图片 表单 代码

2.9mark

文本的突出显示 默认带黄色

2.10meter

定义进度条

progress定义进度条

2.11 time

写时间

2020-05-01

2.12 audio video

video 视频标签，一般格式为：MPEG4、ogg
audio 音频标签，一般格式为：mp3、ogg

• src 视频的路径
• autoplay 自动播放
• controls 是控制器
• source 是视频音频的资源文件
• loop 循环播放 通过js提供的api 来制作视频控制
• muted 静音播放（解决谷歌不能自动播放问题）
• poster 加载等待的画面图片
• preload 规定是否预加载视频

3.表单属性

input表单属性	作用
type=“email”	限制用户输入必须为email类型
type=“url”	限制用户输入必须为url类型
type=“date”	限制用户输入必须为日期类型
type=“time”	限制用户输入必须为时间类型
type=“month”/“week”	限制用户输入必须为月/周类型
type=“number”	限制用户输入必须为数字类型
type=“tel”	手机号码
type=“serch”	搜索框
type=“color”	生成一个颜色选择表单

required：必填，表单拥有该属性其内容不能为空
placeholder：表单的提示信息，存在默认值将不显示
autofocus：自动聚焦属性，页面加载完成自动聚焦到指定表单
autocomplete：输入过的内容再次输入时会有提示，默认on打开。需要放在表单内同时加上name属性，同时成功提交过
multiple：可以多选文件提交

新的表单元素

• datalist 提示列表和 input 连用
  datalist

summary标签包含 details 元素的标题

    
2020-0501 日志
    

        今天学生们没有休息！