html5的设计目的

Posted 2023-05-01

参考技术A html5的设计目的是为了在移动设备上支持多媒体。
HTML5中的新标签，语义化更明确。
<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单。
兼容问题：现代的浏览器都支持html5
html新元素
canvas ：绘图标签 ，通过js在canvas 上进行绘图 ，cocos-2d引擎 做网页游戏 基于js的绘图API来制作
新多媒体元素
video 定义视频
src 视频的路径 autoplay 自动播放 controls 控制器 loop 通过js提供的api来制作视频控制
audio 定义音频内容
src 视频的路径 autoplay 自动播放 controls 控制器 loop 通过js提供的api来制作视频控制
source 定义多媒体资源，是视频音频资源文件
新的表单元素
datalist 提示列表 和input 连用
keygen 秘钥标签 私有秘钥（在本地） 公有秘钥(在服务器)
output 输出计算值 结合js
新的语义和结构元素
article 定义相对页面独立的内容区域
aside 定义侧边栏
bdi 文本突出 类似span
details 描述详细 显示详细类容 标签 兼容性不太好
figure 是包 图片 表单 代码
footer 定义页脚的
header 定义头部
mark 文本的突出显示 默认带黄色
meter 定义进度条的
nav 定义导航
progress 定义进度条
section 定义内容
time 写时间的

视频中“5s后可跳过广告” 设计目的

 来源：https://wen.woshipm.com/question/detail/0quoes.html

1、保证你在看。用户关掉广告这5秒内，他的眼睛会盯着屏幕，因为他知道5秒之后就能跳过广告。对广告商来说曝光率高，获取到用户5s内的全部注意力。（能不能吸引用户接着看下去就是广告商的事情了）

2. 让广告主增加了一个维度来衡量自己广告的质量。它能清楚地知道自己的广告在第几秒被用户跳过了，在第7秒跳过还是在第23秒跳过无比准确地反映广告的吸引力程度。（贴片的点击率是广告效果的结果指标，而跳过时长是则是广告效果的过程指标。）

3、精准投放。可以对用户进行一次筛选，如果用户开始就表明他拒绝的态度，那广告商也不用付钱向一个对他们产品不敢兴趣的人推销了。如果用户最后看完了广告，也表明这个用户对产品特别感兴趣，是广告主的潜在用户。如果用户点击广告链接进行跳转，表明为目标用户。

4、保证用户体验，吸引更多、更大的客户来投广告。

 

另，详见：深度 | 细思极恐的YouTube可跳过广告是怎样一种神奇的存在？

YouTube的按播放完成竞价的广告从机制上去鼓励投放人主动优化创意，广告素材越好，播放完成率越高，广告的成本就越低 。

YouTube的贴片是竞价销售，竞价广告的背景下，相同价格的播放完成，平台会选择有更高播放完成率的广告进行投放。按播放完成竞价的广告从机制上去鼓励投放人主动优化创意，即创意优化（CTR优化），广告素材越好，播放完成率越高，广告的成本就越低 。

 

相反，优酷、爱奇艺的贴片广告是定价售卖的，弊端是广告主没有优化广告创意的动力。（严格意义上，广告主从整体回报的角度是有动力去优化定价广告素材的，但定价广告并不会从成本机制上去鼓励广告主优化素材，因为成本不会因为优化了广告而有所降低）。