每日五道前端面试题--day17

以下题目来自掘金等其它博客,但是问题的答案都是根据笔者自己的理解做出的。如果你最近想要换工作或者巩固一下自己的前端知识基础,不妨和我一起参与到每日刷题的过程中来,如何?

第17天要刷的面试题如下:

  1. audio和video标签用法及常用属性
  2. source标签的作用
  3. h5中新增的表单类型有哪些
  4. h5中新增的表单属性和事件有哪些
  5. h5中移除了哪些元素

下面是我的一些理解:

1. audio和video标签用法及常用属性

html 复制代码
<audio src='' controls autoplay loop='true'></audio>

其中:

  • src表示的是资源的地址
  • controls表示的是播放控件
  • autoplay表示自动播放
  • loop表示循环播放
html 复制代码
<video src='' poster='imgs/x.png' controls></video>

其中: poster表示视频的封面,默认为第一帧。

2. source标签的作用

source标签卓为video的子元素使用。其作用为兼容不同浏览器对于video使用的资源格式的支持力度不同:

html 复制代码
<video>
    <source src='_.flv' type='video/flv'></source>
    <source src='_.mp4' type='video/mp4'></source>
</video>

可以看出,对于source标签而言,src属性和type属性比较重要!

3. h5中新增的表单类型有哪些

h5中新增的表单类型有:

  • email
  • url
  • number
  • search
  • range
  • color
  • time
  • date
  • datetime
  • datetime-local
  • week
  • month

4. h5中新增的表单元属性和事件有哪些?

  • 新增的表单属性:placeholder autofocus autocomplete(="om"/"off") required pattern multiple form
  • 新增的表单事件:oninput oninvalid

5. h5中删除了哪些标签

  • 删除了原来纯以表现为目的的元素basefont big center font s strike tt u
  • 删除了一些可能对可用性产生负面影响的元素frame frameset noframes
相关推荐
new出一个对象1 小时前
uniapp接入BMapGL百度地图
javascript·百度·uni-app
你挚爱的强哥2 小时前
✅✅✅【Vue.js】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本
javascript·vue.js·jquery
y先森2 小时前
CSS3中的伸缩盒模型(弹性盒子、弹性布局)之伸缩容器、伸缩项目、主轴方向、主轴换行方式、复合属性flex-flow
前端·css·css3
前端Hardy2 小时前
纯HTML&CSS实现3D旋转地球
前端·javascript·css·3d·html
susu10830189112 小时前
vue3中父div设置display flex,2个子div重叠
前端·javascript·vue.js
IT女孩儿3 小时前
CSS查缺补漏(补充上一条)
前端·css
吃杠碰小鸡4 小时前
commitlint校验git提交信息
前端
虾球xz5 小时前
游戏引擎学习第20天
前端·学习·游戏引擎
我爱李星璇5 小时前
HTML常用表格与标签
前端·html
疯狂的沙粒5 小时前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript