1.前端
1.html是网页内容的载体 构建网页结构的基础。它允许我们创建和格式化网页内容。HTML用于定义网页的内容，例如段落、标题、列表或者图片等等。HTML元素被定义为带有尖括号的标签，如、、。
2.css样式是表现 负责网页的表现和布局。如果说HTML是房子的骨架，那么CSS就是房子的外观设计和装潢。它可以定义字体、颜色、间距、大小甚至动画等等，使得网页看起来更加美观。
3.javascript是用来实现网页上的特效效果 它是实现网页交互的关键。JavaScript可以用来编写函数，响应用户的行为，如点击按钮、滑动滚轮、填写表单等等。JavaScript也可以用来动态修改HTML和CSS，创建动态和交互性的网页。
2. 你不知道的HTML
1.基本语法
标签(元素)Element
文本 Text
注释 Comment
DTD Document Type Defination
处理信息 ProcessingInstruction
2.标签分类 文档型 闭合型 换行型 H5新元素
3.head标签 title base meta link script
4.body标签
3.html5
一、Canvas元素
Canvas元素用于在网页上绘制图形，有多重绘制路径、矩形、圆形、字符以及添加图像的方法。Canvas通过js绘制2d图形，并逐像素进行渲染，且假若在图片完成后进行修改，整个场景就会重新绘制。
二、表单元素
（1）新增的表单元素
：元素规定输入域的选项列表，使用元素的list元素与元素的id绑定；
：提供一种检验用户的可靠方法，标签规定用于表单的密钥对生成器字段；
：用于不用类型的输出，比如计算或脚本输出。
（2）新增的表单属性
placehoder属性：简短的提示在用户输入值前会显示在输入域上，既默认框提示；
required属性：是一个boolean属性，要求填写的输入域不为空；
pattern属性：描述了一个正则表达式用于验证元素的值；
max/min属性：最大最小值；
step属性：为输入域规定合法的数字间隔；
height/width属性：用于image类型的标签的图像高度和宽度；
autofocus属性：是一个boolean属性，在页面加载时自动获得焦点；
multiple属性：是一个boolean属性，规定元素中选择多个值。
三、语义化标签
语义化标签既是使标签有自己的含义，语义化标签的优势：（1）使界面的代码结构清晰，方便代码的阅读和团队的合作开发；（2）方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页；（3）有利于搜索引擎优化（SEO）。
四、媒体元素
播放音频文件的元素————
（1）control属性提供播放暂停和音量控件；
（2）和之间插入浏览器不支持的元素的提示文本；
（3）允许使用多个元素用来链接不同的音频文件，浏览器使用第一个支持的音频文件；
（4）支持三种音频格式文件：mp3、wax、ogg。
播放视屏文件的元素
（1）control属性提供播放暂停和音量控件，也可以使用dom操作：play()和pause()；
（2）video元素提供了width和height控制视频的尺寸。如果设置了就会在页面加载时保留，没设置就不保留，页面根据原始视频改变。
五、地理定位
HTML5使用getCurrentPosition()方法来获取用户的位置，可以基于此实现计算位置距离。
六、拖放API
拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在HTML5中，拖放是标准的一部分，任何元素都能够拖放。拖放的过程分为源对象和目标对象。源对象是指你即将拖动元素，而目标对象则是指拖动之后要放置的目标位置。
拖放的源对象(可能发生移动的)可以触发的事件——3个：
- dragstart：拖动开始
- drag：拖动中
- dragend：拖动结束
整个拖动过程的组成：dragstart1 + dragn + dragend*1。
拖放的目标对象(不会发生移动)可以触发的事件——4个：
- dragenter：拖动着进入
- dragover：拖动着悬停
- dragleave：拖动着离开
- drop：释放
整个拖动过程的组成1：dragenter1 + dragovern + dragleave*1；
整个拖动过程的组成2：dragenter1 + dragovern + drop*1。
七、Web Worker
当在HTML页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。Web Worker是运行在后台的JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时Web Worker在后台运行。
八、Web Storage
Web Storage是H5引入的一个帮助解决cookie存储本地缓存的重要功能。早些时候，本地存储使用的是cookies。但是Web存储需要更加的安全与快速，而且Web Storage中有5M容量，cookie只有4k。
九、Web Socket
WebSocket协议为web应用程序客户端和服务端之间提供了一种全双工通信机制。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后浏览器和服务器之间就形成了一条快速通道，两者之间就直接可以数据互相传送。浏览器通过JavaScript向服务器发出建立WebSocket连接的请求，连接建立以后，客户端和服务器端就可以通过TCP连接直接交换数据。当你获取Web Socket连接后，你可以通过send()方法来向服务器发送数据，并通过onmessage事件来接收服务器返回的数据。
十、SVG绘图
SVG是指可伸缩的矢量图形，它是一种使用XML描述2D图形的语言。在SVG中，每个被绘制的图形均被视为对象。如果SVG对象的属性发生变化，那么浏览器能够自动重现图形。
