1. 标签语义化是指什么？使用标签语义化有什么好处。

    其实都是div标签，都是名字不同而已，再写大篇代码的时候，运用标签语义化，便于直观展示，可分区域然后进行局部分析；

    1. DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义?

    DOCTYPE作用：是document type的简写，在web设计中用来声明文档类型，告诉浏览器要通过哪一种规范（DTD）解析文档（比如HTML和XHTML规范）
    标准模式和混杂模式区别以及意义：
    首先他们是通过使用DOCTYPE实现模式切换，主要作用就是告诉浏览器以哪种模式呈现，如何解析文档，也就是说两种模式主要影响css内容的呈现。**混杂模式是一种向后兼容的解析方式，是实现IE5.5以下版本浏览器的渲染模式；标准模式是一种要求严格的DTD根据web标准去解析页面的模式；区别：例如1.盒模型的解析：混合模式下（相当于怪异盒模型）—盒模型的宽高=内容的宽高；标准模式盒模型的宽高=内容的宽高+padding的宽高+border的宽高；2.当一块元素div包含内容只有图片的时候，在标准模式下不管是ie还是标准，在图片底部有3像素的空白，在混杂模式下，标准浏览器中div距离图片底部默认没有空白；
    遵循W3C的标准是前进的方向，但是改变现有的css，完全去遵循，会使很多旧网站多少受到破坏，如果浏览器突然以正确的方式解析现存的css，陈旧的网站的显示必然会受到影响；所以，所有浏览器都需要提供两种模式：混杂模式服务与旧式规则，而严格模式服务于标准规则**

    1. 元素的alt和title有什么异同？
    • alt作为图片的代替文字出现，title作为图片的解释文字出现
    • alt属性的应用较少，如：img、area、input中，title应用较多，如：a、form、input、div、p这些块级元素都可以用
    • alt仅仅作为标签属性，title也可以是标签，它是网页的标题标签
    1. 【多选】关于
      标签的属性，下列选项正确的是 ( AB )

    A. autoplay属性，则视频在就绪后马上播放。
    B. loop属性，则当媒介文件完成播放后再次开始播放。
    C. preload属性，则视频在就绪后马上播放。
    D. autoplay属性，则当媒介文件完成播放后再次开始播放。

    1. 【多选】下列说法正确的是 ( AD )

    A. 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。
    B. 在标签上不用设置任何属性，任何元素均可拖拽 dragable=”true”
    C. 当开始拖拽时，会发生 drop 事件。 ondragstart
    D. ondragover 事件规定在何处放置被拖动的数据。

    1. 什么是 Canvas？

    HTML5的canvas元素使用js在网页上绘制图像，画布是一个矩形区域，可以控制其每一个像素，拥有多种的绘制路径、矩形、圆形、字符以及添加图像的方法

    1. 什么是SVG？与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势是哪些？

    SVG是可收缩的矢量图形；
    SVG优势：a尺寸小，可压缩性强；b可伸缩；c可以再图像质量不下降的情况下被放大；d在任何的分辨率下被高质量的打印；e可以通过文本编辑器来创建和修改

    1. canvas与svg都可以创建图形，那么他们的区别是什么？

    1.历史：
    canvas是html5提供的新元素。
    而svg存在的历史要比canvas久远，已经有十几年了。svg并不是html5专有的标签，最初svg是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。
    2.功能：
    canvas可以看做是一个画布，其绘制出来的图形为标量图。可以在canvas中引入jpg或png这类格式的图片。在实际开发中，大型的网络游戏都是用canvas画布做出来的，并且canvas的技术现在已经相当的成熟。另外，我们喜欢用canvas来做一些统计用的图表，如柱状图曲线图或饼状图等。
    而svg，所绘制的图形为矢量图，不能引入普通的图片，因为矢量图的不会失真的特点，在项目中我们会用来做一些动态的小图标。这个特点也很适合被用来做地图，百度地图就是用svg技术做出来的。
    3.技术：
    canvas里面绘制的图形不能被引擎抓取，canvas中我们绘制图形通常是通过javascript来实现。
    而svg里面的图形可以被引擎抓取，支持事件的绑定，svg更多的是通过标签来实现。我再来介绍一个svg的js库：TWO.JS。其中包含two.js和three.js前者用于绘制二维图形，后者用于绘制三维图形。TWO.JS可以支持三种格式，svg（默认）、canvas、和WEBGL。当然也可以在普通div中引入。

    1. 在 HTML5 中，onblur 和 onfocus 是 ( C )

    A. HTML 元素
    B. 样式属性
    C. 事件属性
    D. 窗体底端

    1. 由 SVG 定义的图形是什么格式的？ C

    A. CSS
    B. HTML
    C. XML

    1. canvas中，使用rotate方法进行旋转，进行旋转的是**canvas画布_**__。


    1. 【多选】下列关于canvas描述正确的是 ( BC )

    A. HTML5 标签用于绘制图像，不需要借助任何脚本即可绘制。 js
    B. 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。
    C. getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。
    D. 通过jquery选择器选中canvas元素可以直接调用执行期上下文

    1. 【多选】下列做法可以提高网页性能的有哪些？ ABCD

    A. http 请求方面，减少请求数量，请求体积，对应的做法是，对项目资源进行压缩，
    B. 提取公共的样式，公共的组件，
    C. 雪碧图，
    D. 缓存资源，

    1. 【多选】关于h5中的video标签，下列说法正确的是 ( BD )。

    A. 可以使用poster属性指定占位图像
    B. 可以使用width height属性设置视频尺寸
    C. 可以使用muted属性制定占位图像
    D. 如果使用了muted属性，视频从一开始就处于静音状态

    1. 新的html5全局属性，“contenteditable”用于（ B）

    A. 规定元素的上下文菜单，该菜单会在用户点击右键点击元素的时候出现
    B. 规定元素内容是否可以编辑
    C. 从服务器升级内容
    D. 返回内容在字符串中首次出现的位置

    1. ctx.arc(100,100,100,0Math.PI,true) canvas绘制圆形的arc方法中，参数说明正确的是(C)

    A. 圆半径，圆心X坐标，圆心Y坐标,开始角度，结束角度，是否顺逆时针 true逆时针
    B. 圆半径，圆心X坐标，圆心Y坐标,开始角度，结束角度，是否顺逆时针 true顺时针
    C. 圆心X坐标，圆心Y坐标,圆半径，开始角度，结束角度，是否顺逆时针 true顺时针
    D. 圆心X坐标，圆心Y坐标,圆半径，开始角度，结束角度，是否顺逆时针 true逆时针

    1. 为了使元素可拖动，把_**dragable属性设置为true,在拖放过程中，开始拖动元素会触发ondragstart事件，松开时会触发ondragend**_事件。

    2. 写出html5标准的页面结构

    <!Doctype html>




    HTML文档主要分为：head部分和body部分
    head部分：Title 当前页面的标题
    Meta 提供额外的信息，通常写入页面的编码格式
    Script 用于嵌入脚本，或者引用外部脚本
    Style 用于写入嵌入样式
    Link 表示引用某一类型的资源，通肠胃css样式表 ……
    body部分：文本元素
    表单元素
    图片元素
    视频元素
    音频元素 ……

    1. 【多选】下列关于h5中语义化标签的说法正确的是 ( ABCD )

    A. 语义化即用更加贴合语义或内容的标签包裹相应的内容。
    B. html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析。
    C. 在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。
    D. 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。

    1. 下列 cookie、sessionStorage 和 localStorage 的说法错误的是？（AD）

    A. cookie、sessionStorage 和 localStorage都是保存在浏览器端，且是同源的。
    B. cookie 是为了标识用户身份而存储在用户本地终端上的数据，始终在同源http请求中携带。
    C. cookie 保存的数据很小，不能超过4k，而sessionstorage和localstorage保存的数据大，可达到5M。
    D. cookie、 sessionstorage和localstorage在所有同源窗口都是共享

    1. 在css3中可以通过linear-gradient创建线性渐变，在canvas中可以通过createLinearGradient()创建线性渐变对象，并通过fillStyle方法添加颜色。

    2. 当窗口大小改变时会触发window.onresize事件，窗口失去焦点时会触发_getfocus事件。

    3. 【多选】下列说法正确的是 ( CD )。

    A. 设置svg的高斯模糊可以直接使用feGaussianBlur标签
    B. feGaussianBlur标签的使用必须包裹在filter标签内
    C. filter 标签用来定义 SVG 滤镜
    D. filter标签使用可以通过class属性来定义向图形应用哪个滤镜