css面试题8：关于h5的新特性

h5新增的内容有哪些

1. 新增了语义化标签（1：提升可访问性 2：利于SEO 3：结构清晰，易于维护）
   • header（页面头部），main（页面主要内容），footer（页面底部）
   • nav（导航栏），aside（侧边栏），article（加载页面一块独立的内容）
   • section（相当于div），figure（加载独立内容 上图下字）
   • video（加载视频），audio（加载音频）
2. 新的input类型
   • 增加了type=time，date，datetime，number，search，email，month等类型
   • placeholder 用来描述提示信息，输入内容为空时显示
3. 新的表单元素
   • datalist 将input的list属性与datalist的id设置为相同的值，即可input绑定为一个下拉框

    <input list="listName">
       <datalist id="listName">
           <option value="value1">
           <option value="value2">
           <option value="value3">
           <option value="value4">
           <option value="value5">
       </datalist> 
   

4. 新增了画布canvas，svg
   • canvas 画布，可以通过js代码绘制图像
   • svg 是一种使用xml描述2D图形的语言
5. 新增了音视频

在video标签出现之前，想要播放音视频文件，只能利用第三方的音频软件，或者是flash，但是它们都需要在浏览器中安装响应的插件才可以使用，比较复杂，h5提供了video和audio。使用方法很简单： video专门播放视频文件，audio专门播放音频文件

    <audio src="./music.mp3" height="100" width="100"></audio>
    <video src="./music.mp3"></video>
    

属性：src，width，height，controls（控件），loop（是否循环播放），paused（是否暂停状态）等等 方法： 1. play() 播放 2. pause() 暂停 3. load() 重新加载

6. Server-Sent Events 简称SEE，服务器发送事件，网页自动获取来自服务器的更新，单向消息传递
7. WebSocket

//https://blog.csdn.net/web2022050903/article/details/125017435