HTML5与HTML4的区别
HTML5和HTML4在基本语法上的区别？
1. 内容类型（ContentType）
HTML5中的文件扩展符仍然为".html" 或 ".htm",内容类型仍然为"text/html"。
2. DOCTYPE声明
HTML4：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://wwww.w3.org/TR/xhtml1-transitional.dtd">
...
XSS代码合集(含测试效果详细版)-HTML5特性向量
HTML5特性向量
通过formaction进行XSS-需要用户交互（1）
一个显示HTML5表单和formaction功能的向量，用于在实际表单之外进行表单劫持。
1 <form id="test"></form><button form="test" formaction="javascript:alert(1)">X</button>
适用浏览器与版本
测试效果
通过自动对焦自动执行焦点事件
此向量使用 ...
基于 HTML5 WebGL + WebVR 的 3D 虚实现实可视化系统
前言
2019 年 VR, AR, XR, 5G, 工业互联网等名词频繁出现在我们的视野中，信息的分享与虚实的结合已经成为大势所趋，5G 是新一代信息通信技术升级的重要方向，工业互联网是制造业转型升级的发展趋势。本文所讲的 VR 是机械制造业与设备的又一次交流，当技术新星遇上制造潮流，无 ...
H5是什么？H5是否等于HTML5？？？
从2014年到今日仍然有人以为H5是HTML5的缩写，这种古怪的知道是该改改了，即使是同行，还有很多朋友没有搞清楚H5是什么？那么，咱们这期就让小呆给你讲清楚，H5终究是个什么鬼？从 2014 年起，一个叫做 H5 的词呈现了，瞬间引爆网站建设行业!不光是互联网，乃至其它行业的从业者也被引入漩涡，连卖生果、卖大米、 做服装加 ...
HTML5上传图片并预览
一个简易的实现：
<!DOCTYPE html>
<html>
<head>
<title>HTML5上传图片并预览</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<h3>请选择图片文件：PNG/JPG ...
HTML5新增语义化标签
1.HTML5新增的标签
article、aside、audio、bdi、canvas、command、datalist、details、embed、figcaption、figure、footer、header、hgroup、keygen、mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video
2.新增标签释义
article:
即定义article(文章)
aside:
定义页面之外 ...
完美实现CSS垂直居中的11种方法
本人前端小白，正在做一个小程序开发的项目，css样式调整搞的头都大了。关于垂直居中，已尝试了文中的几个垂直居中css样式设置，已成功解决我的问题，故转载来备份下。
CSS垂直居中11种实现方法分别如下：
1. 使用绝对定位和负外边距对块级元素进行垂直居中
html代码：
<div id="box">
<div id="child">我是测试DIV</di ...
基于HTML5 WebGL的工业化3D电子围栏
前言
现代工业化的推进在极大加速现代化进程的同时也带来的相应的安全隐患，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该 3D 场景从正面展示了一个现代化工厂的现实场景，包括工厂工人的实时位置、电子围栏的 ...
基于 HTML5 WebGL + WebVR 的 3D 虚拟现实可视化培训系统
前言
2019 年 VR, AR, XR, 5G, 工业互联网等名词频繁出现在我们的视野中，信息的分享与虚实的结合已经成为大势所趋，5G 是新一代信息通信技术升级的重要方向，工业互联网是制造业转型升级的发展趋势。本文所讲的 VR 是机械制造业与设备的又一次交流，当技术新星遇上制造潮流，无疑将成为制造业，工控业等行业数 ...
快速开发 HTML5 交互式地铁线路图
前言
前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些朋友。当然，如 ...
基于 HTML5 WebGL 与 WebVR 3D 虚拟现实的可视化培训系统
前言
2019 年 VR, AR, XR, 5G, 工业互联网等名词频繁出现在我们的视野中，信息的分享与虚实的结合已经成为大势所趋，5G 是新一代信息通信技术升级的重要方向，工业互联网是制造业转型升级的发展趋势。本文所讲的 VR 是机械制造业与设备的又一次交流，当技术新星遇上制造潮流，无疑将成为制造业，工控业等行业数字 ...
基于 HTML5 WebGL 的 3D 科幻风机
前言
许多世纪以来，风力机同水力机械一样，作为动力源替代人力、畜力，对生产力的发展发挥过重要作用。近代机电动力的广泛应用以及二十世纪50年代中东油田的发现，使风机发电机的发展缓慢下来。
70年代初期，由于“石油危机”，出现了能源紧张的问题，人们认识到常规矿物能源供应的不稳定性和有限性，于是寻求清洁的可 ...
HTML5语音合成Speech Synthesis API简介
一、关于HTML5语音Web Speech API
HTML5中和Web Speech相关的API实际上有两类，一类是“语音识别(Speech Recognition)”，另外一个就是“语音合成(Speech Synthesis)”，这两个名词听上去很高大上，实际上指的分别是“语音转文字”，和“文字变语音”。
而本文要介绍的就是这里的“语音合成-文字变语音”。为什么称为“合 ...
基于 HTML5 + WebGL 的无人机 3D 可视化系统
前言
近年来，无人机的发展越发迅速，既可民用于航拍，又可军用于侦察，涉及行业广泛，也被称为“会飞的照相机”。但作为军事使用，无人机的各项性能要求更加严格、重要。本系统则是通过 Hightopo 的 HT for Web 产品来搭建的一款 无人机 3D 可视化系统，通过对无人机及其信息的全景展示来 ...
HTML5中的视频播放
HTML5 留给我印象最深的之一就是 Video 标签了，毕竟之前在被 Flash 统治下确实非常难受，现在使用 HTML5 播放器别提多爽了。
但是，我对视频这块了解真的并不是很深，于是稍微研究了下。
预备知识
最近几年 HTML5 这个词越来越流行，但是别以为 HTML5 最近几年才开始出现，引用 WIKI 上的话：
HTML 5 草案的前身名为 Web ...
基于 HTML5 + WebGL 的宇宙 3D 展示系统
前言
近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破，以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及，宇宙空间中那些原本遥不可及的事物离我们越来越近，人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上，作为人类这个物种 ...
html5-心跳
html5-心跳效果
(1) 基础布局(架子)
<div class="heart">
<div class="left"></div>
<div class="middle"></div>
<div class="right"></div> //以上三个小div作用是结合css样式 布局成一个爱心的样子
<p>I Love You</p>
</div>
(2)css基础样式
* {
margin: 0;
padding: 0;
}
ht ...
HTML5中localStorage的使用
为什么要存在localStorage
在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。
localStorage的优势与局限
localStorage的优势 ...
基于 HTML5 WebGL 构建智能数字化城市 3D 全景
前言
自 2011 年我国城镇化率首次突破 50% 以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到 2020 年，建成一批特色鲜明的智慧城市。截至现今，全国 95% 的副省级以上城市、76% 的地级以上城市，总计约 500 多个城市提出或在建智慧城市。
基于这样的背景，本系统采用 Hightopo 的 &nb ...
基于 HTML5 + WebGL 的 3D 太阳系系统
前言
近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破，以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及，宇宙空间中那些原本遥不可及的事物离我们越来越近，人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上，作为人类这个物种 ...
