css3与html5

css3

伪类与伪元素的区别

伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；
伪元素本质上是创建了一个有内容的虚拟容器；
CSS3中伪类和伪元素的语法不同；
可以同时使用多个伪类，而只能同时使用一个方向的伪元素

display:none、visibility:hidden:、opacity:0之间的区别

display: none 彻底消失，render tree中也不存在（dom tree中存在）；可能会引起reflow
visibility: hidden 渲染为空盒子，在render tree中存在；不会引起reflow；性能更好；也不会触发事件
opacity: 0 将元素隐藏起来，也不会改变页面布局，但是会触发点击事件

如何使连续的长字符串自动换行？

#test{
  width:150px;
  word-wrap:break-word;
}

h5

元素的alt和title有什么异同？

alt作为图片的替代文字出现，title作为图片的解释文字出现。
alt属性应用较少，如img、area、input中；title应用较多，如a、form、input、还有div、p这些块级元素都可以用。
alt仅作为标签属性，title也可以是标签，它是网页的标题标签。

关于canvas描述

元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。
getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。

关于h5中语义化标签

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

cookie、sessionStorage 和 localStorage

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