HTML5笔记(菜鸟教程）

写了一篇笔记了，觉得整个页面效果乱乱的，这篇文章就再改变一下试一下小节加粗康康有没有好一点。最近希望自己学习效率可以高一点再高一点，最近网课上的我负能量满满这样不好不好。不知道大家写博客的时候用的是Markdown编辑器还是富文本(小朋友你是否有很多问号)
boolean 数据类型 boolean 变量存储为 8 位（1 个字节）的数值形式，但只能是True 或是 False。
1.HTML5简介: HTML5设计目的是在移动设备上支持多媒体
(1).添加了很多语义元素
(2).新的属性
(3).完全支持css3有更多页面体验效果
(4).可以进行video和audio的简单页面播放
(5).可以2D/3D绘图
(6)本地存储
(7).本地SQL数据
(8)可以简单的开发应用
2.HTML5 canvas：用于图形的绘制，通常写在脚本里(javascript)
(1).创建一个画布

tip:页面可以有多个canvas，用style来定义边框否则没有边框和内容
(2).javascript绘制图像

第一句:找到canvas元素
第二句:创建context对象
第三四句:绘制一个红色的矩形
(3).canvas路径

moveto(x,y):起点坐标
llineto(x,y):终点坐标
stroke:绘图
绘制圆：

（4).canvas文本

font:定义字体
fillText(“Text,x,y”):定义实心文字
strokeText(“Text,x,y”):定义空心文字
(5).canvas渐变

createLinearGradient(x,y,x1,y1) - 创建线条渐变
createRadialGradient(x,y,r,x1,y1,r1) - 创建一个径向/圆渐变
(6).canvas图像

3.HTML5-SVG:可伸缩矢量图形
不用写在JavaScript脚本里了
不依赖分辨率
4.HTML5 MathML：数学标记语言，用来书写数学符号或公式的置标语言

不管是式子还是矩阵都要有这句话
(1)
.

在我打出这段代码我发现我发现我运行出的结果不是正确的我还百度了一下为什么我的westorm代码打不出式子的几次方哈哈哈哈哈哈后来我发原来运行的代码就是这个样子的测试出的代码就正确了
再打一个：

5.HTML5拖放:Drag和Drop抓取对象拖到页面的另一位置
6.HTML5 video(视频）:可以在网页播放视频料

width：播放框框宽度
height:播放框框的高度
src:视频音频文件名
type:视频音频的类型
control 属性供添加播放、暂停和音量控件。
7.HTML5 input类型：多个表单类型

8.HTML5表单元素
(1).datalist:输入域的选项列表

(2).keygen:提供验证用户的可靠方法

(3).output用于不同类型的输出

9.HTML5表单属性
(1).autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。(如果autocomplete是on则会有下拉列表以往输入记录以供选择off反则亦反）
(2).novalidate 属性规定在提交表单时不应该验证 form 或 input 域。boolean属性(例如在填入邮箱时不会验证是否输入正确格式的邮箱账号）
(3).autofocus 属性规定在页面加载时，域自动地获得焦点。boolean属性(留问号）
(4).form 属性规定输入域所属的一个或多个表单。
(5).The formaction 属性用于描述表单提交的URL地址.The formaction 属性会覆盖元素中的action属性.
(6).formenctype 属性描述了表单提交到服务器的数据编码 (只对form表单中method=“post” 表单).formenctype 属性覆盖 form 元素的 enctype 属性。(后面接下图的第二种编码方式其他两种我试了一下不太支持的亚子）

(7).formmethod 属性定义了表单提交的方式。formmethod 属性覆盖了元素的 method 属性。
(8).novalidate属性描述了元素在表单提交时无需被验证。formnovalidate 属性会覆盖元素的novalidate属性.boolean属性。
(9).list 属性规定输入域的 datalist。datalist 是输入域的选项列表。(嘻嘻还记得我的奶茶和好多肉嘛）
(10).multiple 属性规定元素中可选择多个值。boolean属性
(11).pattern 属性描述了一个正则表达式用于验证 input元素的值。
正则表达式：
这个很好玩(用于输入只能包含三个字母的文本域（不含数字及特殊字符））

(用于输入五个数字的文本域(不包含字母和特殊字符））

(12).required 属性规定必须在提交之前填写输入域（不能为空）。boolean属性
(13).step 属性为输入域规定合法的数字间隔。如果 step=“3”，则合法的数是 -3,0,3,6 等
10.HTML5语义元素：语义元素 = 有意义的元素
无语义元素实例: div和 span - 无需考虑内容.
语义元素实例: form, table, and img - 清楚的定义了它的内容.
新增的语义元素
section 包含了一组内容及其标题。
figure标签规定独立的流内容（图像、图表、照片、代码等等）。
figcaption标签定义 figure元素的标题.
11.HTML5存储：以前用的是cookie元素来存储数据，但是发现web存储更加更加安全快速并且不会保存在服务器上，这些数据只用于请求网站数据上大量存储数据并且不影响网站性能

12.HTML5 Web Worker：运行在后台的javascript不会影响页面的性能
13.HTML5 服务器发送事件：Server-Sent 事件指的是网页自动获取来自服务器的更新。
14.HTML5 WebSocket:WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。