HTML5播放视频，并使用ffmpeg对视频转编码
网页加入视频可以用h5自带的video标签，这里用一个jQuery封装优化好的video视频组件videojs。
videojs官方网站：https://docs.videojs.com/index.html
videojs下载：https://github.com/videojs/video.js/releases
这里有个问题是h5的video标签根据不同的浏览器兼容情况只支持三种编码的视频格式：
格式IEFirefoxOperaChr ...
HTML5测试题整理Ⅱ
1.哪个元素被称为媒体元素的子元素？
答案：<track>。
<track> 标签为媒体元素（比如 <audio> and <video>）规定外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。
2.哪个元素定义了 <object> 元素的参数？
答案：<param>。
param 元素允许您为插入 XHTML 文档的对象 ...
HTML5测试题整理Ⅰ
1.在 HTML5 中，哪个元素用于组合标题元素？
答案：<hgroup>
2.HTML5 中不再支持哪个元素？
答案：<font>，<acronym>,<applet>,<basefont>,<big>,<center>,<dir>,<frame>,<frameset>,<noframes>,<strike>,<tt>
3.在 HTML5 中，onblur 和 onfocus 是?
答案：事件属性
4.在 HTML5 中，新多媒体元素都有 ...
HTML5手机拍照上传
首先需要在页面添加HTML5控件 capture="camera" 这样就可以在android5.0 或则 IOS 9.0 以上直接拉起照相机，但是这些版本之下的手机只能调用相册选择
<input type="file" capture="camera" accept="image/*" id="imgcamera" name="imgcamera" style="display: none;"
οnchange="ImgChange(this)">
引入3个插件 ...
10款面向HTML5 画布(Canvas)的JavaScript库
10款面向HTML5 画布(Canvas)的JavaScript库
1. rocessing.js
Processing.js是一个开放的编程语言，在不使用Flash或Java小程序的前提下，可以实现程序图像、动画和互动的应用。Processing.js是轻量，易于了解掌握的理想工具，可用于可视化的数据，创建用户界面和开发基于Web的游戏。
2. FABRIC.JS
FABRIC.JS是一 ...
HTML5测试（二）
HTML5测试（四）
1、input 元素中，下列哪个类型属性定义了输入电话号码的控件？
A、mob
B、tel
C、mobile
D、telephone
答案：B
具有 type 属性的 input 元素，其值为 “tel”，表示用于输入电话号码的单行纯文本编辑控件
2、哪个元素表示用于生成公钥-私钥对的控件？
A、ins
B、keygen
C、key
D、command
答 ...
HTML5测试（一）
HTML5测试一
1. 问题：HTML5 之前的 HTML 版本是什么？
A、HTML 4.01
B、HTML 4
C、HTML 4.1
D、HTML 4.9
答案：A
HTML5 是 HTML 最新的修订版本，由万维网联盟（W3C）于 2014 年 10 月完成标准制定。目标是取代 1999 年所制定的 HTML 4.01 和 XHTML 1.0 标准。
2、问题：HTML5 的正确 doctype 是？
A、 <!DOCTYPE ...
基于 HTML5 + WebGL 实现 3D 可视化地铁系统
前言
工业互联网，物联网，可视化等名词在我们现在信息化的大背景下已经是耳熟能详，日常生活的交通，出行，吃穿等可能都可以用信息化的方式来为我们表达，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景， ...
HTML5中的lang属性，zh-CN还是zh-Hans？
一、资源
先提供资源。如果我弄错了什么，请以这些文档为准：
W3C文档、IANA已登记的子标签、BCP 47、RFC 5646。
二、格式简介
先上一张图片：
一个Language Tags，由①到⑦一共四个子标签组成。有什么盘算不清楚的，请参考资源部分提供的文档。
三、各部分含义
①language：主语言，用代码“zh”表示汉语，小写。好像对于 ...
HTML5实现绘制几何图形
HTML5新增了一个<canvas.../>属性。该元素自身并不绘制图形，只是相当于一张空画布。如果开发者需要向<canvas.../>上绘制图形则必须使用JavaScript脚本进行绘制。
为了向<canvas.../>元素上绘图，必须经过如下3步。
获取<canvas.../>元素对应的DOM对象，这是一个Canvas对象。调用Canvas对象的getContext()方法，该方法返回 ...
基于html5二个div 连线
因为要实现拖拽连线研究了一下基于extjs 和html5的不同实现方法
extjs底层的画图引擎是svg 不知道在html5大潮即将袭来的前夕一贯走在技术前沿的extjs开发团队没有自己封装基于html5的画图引擎，而是选择了svg 。
下边是花了不到一天的时间实现的 ...
HTML5+WebGL 的加油站 3D 可视化监控
前言
随着数字化，工业互联网，物联网的发展，我国加油站正向有人值守，无人操作，远程控制的方向发展，传统的人工巡查方式逐渐转变为以自动化控制为主的在线监控方式，即采用数据采集与监控系统 SCADA。SCADA 系统的推广使用，大大提高了我国加油站的监控效率，本文所讲的则是通过对加油站的可视化建模，结合 HT 的 ...
在web端使用html5访问远程桌面
背景：
2019年12月5日，微软宣布放弃浏览器Edge，转而推出一款新的浏览器，而这款新浏览器将会采用谷歌的Chromium 内核。。。
好了，反正已经无力吐槽，微软烂尾的项目也不是一个两个了，之前放弃IE转Edge，现在有把Edge丢掉拥抱Chromium，
彻底结束了IE家族；居于这个原因，之前项目中有使用过一些跟IE绑定的Acti ...
html5—Bootstrap
（注：本笔记是本人在菜鸟教程网站https://www.runoob.com/bootstrap学习时所做的记录）
一、Bootstrap介绍
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。
二、Bootstrap包的内容
基本结构：Bootstrap 提供了一个带有网格系统、链 ...
在web端使用html5访问远程桌面
背景：
2018年12月5日，微软宣布放弃浏览器Edge，转而推出一款新的浏览器，而这款新浏览器将会采用谷歌的Chromium 内核。。。
好了，反正已经无力吐槽，微软烂尾的项目也不是一个两个了，之前放弃IE转Edge，现在有把Edge丢掉拥抱Chromium，
彻底结束了IE家族；居于这个原因，之前项目中有使用过一些跟IE绑定的Activ ...
HTML5远程工具
因为有从网页直接远程其他windows电脑的需求，于是通过网上搜索找到下面几个解决方案，分享一下：
1.windows的远程桌面web连接tsweb
下载地址https://www.microsoft.com/ZH-cn/download/details.aspx?id=14531，需要iis，老win系统都能用，据说微软出了新版的，但是好像要winserver2016才能用，没去研究。
优点：微软官 ...
HTML5 （canvase）拓扑图、关系图及vis.js关系图的使用
HTML5 （canvase）拓扑图、关系图：
http://www.jtopo.com/demo/layout-circle.html
vis.js网址：
https://visjs.org/
vue项目中的使用：
1、npm install vis
2、在关系图的页面引入vis
import vis from 'vis'; 或 const vis=require("vis");
3、使用：
// vis关系图初始化
publ ...
html5常见标签
HTML文档的基本结构
原文链接：https://www.cnblogs.com/suitongyu/p/7294525.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
1、<!DOCTYPE html>文档声明
文档类型声明，让浏览器按照HTML5的标准对代 ...
HTML5拖放排序
最近在项目中遇到了拖动排序的需求，所以就学习了一下H5的新属性，写篇博客记录一下。
draggable属性是指定当前元素可以被拖动的属性；我们要为需要拖动的元素设置该属性
<div id="columns">
<div class="column" draggable="true"><header>A</header></div>
<div class="column" draggable="true"><header>B</header ...
HTML5 使用localstorage 本地存储
HTML 本地存储介绍
最早的 Cookies 自然是大家都知道，问题主要就是太小，大概也就 4KB 的样子，而且 IE6 只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用 cookies 的用户也都慢慢的不存在了，就好像以前禁用 javascript 的用户不存在了一样。 userData 是 IE 的东西，垃圾。 ...
