HTML5元素周期表
HTML5元素周期表
根元素
1. html 文档根元素
元数据和脚本
1. head HTML文档中的第一个元素。包含文档元数据
2. title 文档标题
3. meta 文档的元数据。
meta元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 meta标签位于文档的头部，不包含任何内容。meta标签的属性 ...
HTML5使用JavaScript控制＜audio>音频的播放
1.播放音乐最简单的样例
<audio controls> <source src="horse.mp3" type="audio/mpeg"> </audio>
audio html5中的新属性
属性
值
描述
autoplay
autoplay
如果出现该属性，则音频在就绪后马上播放。如果设置了该属性，音频将自动播放。
controls
controls
controls 属性是一个布尔属性。
如果属性存在，它指 ...
HTML5实时语音通话聊天，MP3压缩传输3KB每秒
目录一、把玩方法二、技术特性（1）数据传输（2）音频采集和编码（3）音频实时接收和播放三、应用场景
自从Recorder H5 GitHub开源库优化后，对边录边转码成小语音片段文件实时上传服务器这种操作支持非常良好，因此以前不太好支持的H5语音通话已经有了更好的突破空间。因此花了两晚时间打造了一个H5语音通话聊天的demo。
...
HTML5+JS实现简单的图片上传预览
直接上代码
↓
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>HTML5 图片上传预览</title>
6 <style>
7 #preview {
8 width: 300px;
9 height: 300px;
10 overflow: hidden;
11 }
12 #preview img {
13 width: 100%;
14 height: 10 ...
HTML5 WebSocket
WebSocket 是 HTML5 新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道，比如说，服务器可以在任意时刻发送消息给浏览器。
为什么传统的 HTTP 协议不能做到 WebSocket 实现的功能？这是因为 HTTP 协议是一个请求－响应协议，请求必须先由浏览器发给服务器，服务器才能响应这个请求，再把数据发送 ...
HTML5基础
HTML5基础
1.前言介绍
HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML工作团队。
定义：
（1）如果从狭义的角度来讲，HTML5就是HTML4的新一代产品。
（2）而如果从广义的角度来讲，则是新一代的富客户端解决方案
2.发展史
（1）HTML 5 的第一份正式草案已于2008年 ...
使用MTA HTML5统计API来分析数据
在开发个人博客的时候，用到了腾讯移动分析(MTA)，相比其他数据统计平台来说我喜欢她的简洁高效，易上手，同时文档也比较全面，提供了数据接口供用户调用。
在看了MTA演示Demo和官方文档后，我就决定使用 .NET Core将其HTML5统计API进行封装，以供博客直接调用，省去各种鉴权生成sign的操作。
首先需要在MTA官网进行HTML5应 ...
HTML5-表单
HTML5表单相关的元素和属性
HTML使用表单向服务器提交请求，表单、表单控件的主要作用是收集用户输入，当用户提交表单时，用户输入内容将被作为请求参数提交到远程服务器。因此，在Web编程中，表单主要是用于收集用户输入的数据，在需要与用户交互的Web页面中，表单、表单控件都是极为常用的。 ...
HTML5基本介绍
HTML5简介
HTML是互联网上应用最广泛的标记语言。HTML文件就是普通文本+HTML标记，而不同的HTML标记能表示不同的效果。（简单的说HTML是超文本标记语言）
HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML工作团队。
如果从狭义的角度来讲，HTML5就是HTML4的新一代 ...
html5
说明：花了一天时间看着视频，基本过了一遍html5知识
参考链接：https://www.bilibili.com/video/av15241731?from=search&seid=6009616845277882348
基本知识
定义
html:超文本标签语言,用文本表示特殊标签的语言，标签由<></>组成
例子：<标签名>内容</标签名>
<strong>加粗字体</stro ...
html5 video标签播放视频流
从文件服务器读取音视频文件，以流的方式传给前台，并能够播放视频。
做了一个demo，用html5的video，audio标签实现。
后台实现代码：
@GetMapping(value = "/getVideos")
public String getVideos(HttpServletRequest request, HttpServletResponse response)
{
try {
FileInputStream fis = null;
O ...
HTML5——新增的API
本文的API有：可点击到达
requestAnimationFrame
客户端存储
历史记录
worker
file Reader
websocoket
一、requestAnimationFrame （请求动画关键帧）
1.1 requestAnimationFrame怎么使用？
铺垫：
先看一下，我们平时在JS中是怎么让一 ...
html5新特性-header,nav,footer,aside,article,section等各元素的详解
Html5新增了27个元素，废弃了16个元素，根据现有的标准规范，把HTML5的元素按优先级定义为结构性属性、级块性元素、行内语义性元素和交互性元素四大类。
下面是对各标签的详解，section、header、footer、nav、article、aside、figure、code、dialog、meter、time、progress、video、audio、details ...
html5 placeholder兼容ie11
placeholder 属性是html5的属性，用于提供描述输入字段预期值的提示信息（hint）。
简单例子：
<!DOCTYPE HTML>
<html>
<body>
<form action="/test.do" method="get">
<input type="search" name="user_search" placeholder="请在此输入你的审批意见" />
<input type="submit" />
</form>
</body>
</html>
这个标签属 ...
HTML5——新特性
HTML5新增的标签：块级元素1.header （头部）
2.Footer （底部）
3.Article → div （相当于div标签）
4.Section → p （相对于p标签）
5.Nav （导航条）
6.Aside （局部，相当于span标签）
7.Svg （绘图） 详解：https://www.cnblogs.com/yangpeixi ...
HTML5——Svg
一、Svg简介
svg也是html5新增的一个标签，它跟canvas很相似。都可以实现绘图、动画。
但是svg绘制出来的都是矢量图，不像canvas是以像素为单位的，放大会模糊。svg绘制出来的图是不会的
二、svg的基本使用
svg是在html和css里面操作的，不是在js里面
<body> <svg width="500" height="500"> <svg></body>
2.1 ...
HTML5 & CSS初学者教程（详细、通俗易懂）
前端语言基础：HTML5 & CSS
(一) HTML5：超文本标记语言
(1) 基本概念
是由一系列成对出现的元素标签（标记）嵌套组合而成 ( XML也是标签构成的 )
这些标签以<标签名称>的形式出现，用于标记文本内容的含义
浏览器通过元素标签解析文本内容并将结果显示在网页上，而元素标签本身并不会被浏览器显示出来
(2) 基本结构
HTML ...
html5 新增元素以及css3新特性
HTML5
1.HTML5 新元素
HTML5提供了新的元素来创建更好的页面结构：
标签
描述
<article>
定义页面独立的内容区域。
<aside>
定义页面的侧边栏内容。
<bdi>
允许您设置一段文本，使其脱离其父元素的文本方向设置。
<command>
定义命令按钮，比如单选按钮、复选框或按钮
<details>
...
HTML5之fileReader异步读取文件及文件切片读取
fileReader的方法与事件
fileReade实现图片预加载
fileReade实现文件读取进度条
fileReade的与file.s实现文件切片读取
一、fileReader的方法与事件
1.方法
FileReader.abort()：终止读取操作。返回时，readyState属性为DONE。
FileReader.readAsArrayBuffer()：将文件读取为ArrayBuffer数据对象。
FileReader.read ...
基于 HTML5 WebGL 的加油站 3D 可视化监控
前言
随着数字化，工业互联网，物联网的发展，我国加油站正向有人值守，无人操作，远程控制的方向发展，传统的人工巡查方式逐渐转变为以自动化控制为主的在线监控方式，即采用数据采集与监控系统 SCADA。SCADA 系统的推广使用，大大提高了我国加油站的监控效率，本文所讲的则是通过对加油站的可视化建模，结合 HT 的 3 ...
