🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
       HTML5去掉了很多过时的标签,例如`<center>`和<frameset>,同时又引入了许多有趣的新标签,例如`<video>`和`<audio>`标签可以允许动态的加载音频和视频。        HTML5引入的新标签包括`<Audio>、<Video>、<Canvas>、<Article>、<Footer>`等等,而这些标签又有一些有趣的属性,例如poster、autofocus、onerror、formaction、oninput,这些属性都可以用来执行javascript。这会导致XSS和CSRF跨域请求伪造。        下面我们要讲到就是这些关键载体。它允许创建XSS的变种并且可以绕过现有的XSS过滤器。        首先来看一个标签: ~~~ <video><sourceonerror="javascript:alert(1)“> ~~~        它使用了一个source标签,而没有指定具体的src,所以后面的onerror方法会立即得到执行。        下面是video的poster属性,它链接到一个图像,是指当视频未响应或缓冲不足时,显示的占位符。 ~~~ <videoposter=”javascript:alert(1)”> ~~~        另外还有HTML5新引入的autofocus和formaction属性,autofocus会让元素自动的获取焦点,而formaction属性能覆盖 form 元素的action 属性。 ~~~ <inputautofocus onfocus=“alert(1)”> <form><buttonformaction="javascript:alert(1)"> ~~~        在这个项目里存在用户输入的地方,我们虽然已经针对旧有的标签以及属性进行了过滤和清洗,但是还会存在新标签攻击的漏洞,攻击者利用上面的示例方式就可以对系统进行XSS注入攻击。例如攻击者输入http://www.yujie.com/1.php?text=<videoposter=”javascript:alert(1)”>时就能立即运行攻击脚本。 ![](https://box.kancloud.cn/2016-08-09_57a9aa5690337.jpg)        我们对此攻击的防御方式是,对前端或者后端的过滤器进行优化,添加过滤规则或者黑名单。        相关文章:        《[关注HTML5安全风险](http://blog.csdn.net/hfahe/article/details/7960705)》        《[HTML5安全风险详析之一:CORS攻击](http://blog.csdn.net/hfahe/article/details/7961566)》        《[HTML5安全风险详析之二:WebStorage攻击](http://blog.csdn.net/hfahe/article/details/7961618)》        《[HTML5安全风险详析之三:WebSQL攻击](http://blog.csdn.net/hfahe/article/details/8049414)》        《[HTML5安全风险详析之四:Web Worker攻击](http://blog.csdn.net/hfahe/article/details/8104263)》        《[HTML5安全风险详析之五:劫持攻击](http://blog.csdn.net/hfahe/article/details/8138728)》        《[HTML5安全风险详析之六:API攻击](http://blog.csdn.net/hfahe/article/details/8205148)》        本文为原创文章,转载请注明:来自[蒋宇捷的博客](http://blog.csdn.net/hfahe):[http://blog.csdn.net/hfahe](http://blog.csdn.net/hfahe)