布局:
viewport缩放
媒体查询 media
rem布局
vw+rem布局
---------------------------------------------
1.h5新属性
1.新的语义标签
2.新的表单元素
3.音频和视频
4.Canvas
5.内联SVG
6.拖放
7.地址定位
8.web 存储
9.web workers
10.web storage
11.web socket
.......
--------------------------------------
1.新表单
h4:input (text,password,submit,reset,button,radio,checkbox....)
textarea select/option label标签
h5:
datalist keygon output progress meter
1.datalist
输入域的选项列表。--本身不可见
<datalist id="list-cont">
<option>aa</option>
<option>bb</option>
<option>cc</option>
</datalist>
<input type="text" list="list-cont"/>
**:和select 区别:datalist可从中选取,也可手动输入
2.progress
<progress> 元素表示任务的进度。
显示一个进度条
两种方式:
1.<progress></progress> 左右来回动
2.<progress value="0.5"></progress> 指定固定的进度
**:h5这个进度条一般不用,用div+css自己写
3.meter
米 度量衡。仅用于已知最大和最小值的度量。
语法:
<meter></meter> 最大值 ,最小值 ,最高值 ,最低值 ,最优值
eg:
血压机
<meter min="最小值" low="合理的下限值" high="合理的上限值" max="最大值 " optimum="最优值 "></meter>
pm:
视频和音频
1. 视频
用于播放视频
属性:
<video src="路径"></video> 空的行内块元素,300*150
<video>
<source src="video.mp4"/>
<source src="video.ogg"/>
<source src="video.webm"/>
<source src="video.mp4"/>
</video>
属性:
autoplay:false 是否是自动播放
controls 控件
loop 循环
muted 是否静音播放
poster:'' 在播放第一帧之前显示的海报
夜灵的Html笔记Day14——H5新表单、视频音频
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
a标签可以下载图片
<a :href="getQrCodeUrl" :download="imei" target="_blank"> <el-image style="width: 150px; height:
最胖的小仙女
2020-07-03 04:01:40
网页设计中利用CSS实现背景图片平铺的技巧
当年落雪
2020-06-28 18:08:43
CSS学习笔记--基础(一)
搬砖程序员
2020-06-22 17:04:55
HTML标题、段落、文本格式化、链接
风云海滩
2020-06-20 21:46:02
HTML个人笔记
1.Html常用標籤 常用塊級標籤 h : 標題 p : 段落 div : 容器 ul>li : 無序列表 form : 表單 2. 常用行內標籤 a :
大叔很坑
2020-06-16 02:50:31
使用h5 标签 href='url' download 下载踩过的坑
yiyan12
2020-06-07 15:41:40
修改elementUI input和普通的input
最胖的小仙女
2020-05-21 10:09:24
HTML开发之Dreamweaver建立本地站点和远程站点
搬砖程序员
2020-02-24 23:57:11
一、基本的HTML标签——四个实例
jasonliuu
2020-02-22 18:21:28
html笔记_jp(完整)
雪顶儿
2020-02-22 01:06:26
页面上传图片及时显示
Gragonfly_Flyover
2020-02-21 14:40:41