前端面试&笔试汇总

唉，最近面试，发现自己越来越菜了，所以还是选择记录一下每天看到的知识好了。不定更新，欢迎探讨哈哈。

html（html5）

1.img标签的title和alt属性分别表示什么？

title：设置鼠标悬停到图片上的文字
alt：设置图片的描述信息（方便搜索引擎搜索）
width和height属性都是不带单位的！！！

 2.a标签的target属性你可以说出多少？

_self:默认值，在当前页面打开
_blank：在新的窗口打开
_parent、_top（本人没怎么用过，有兴趣可以百度）

 3.列举一些h5的标签

header、nav、article、aside、section、footer、canvas等

 4.前端页面如何解决页面乱码

设置meta标签，现在大多浏览器的编码都是UTF-8
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
也可以简单的写成
<meta charset="utf-8">

说明一下几个简单的属性
http-equiv：描述文档类型
content：文档类型
charset：页面的编码

 5.表格的合并（平时都是列表解决的，没咋用过）

colspan:表格的列合并
rowspan：表格的行合并

 6.列举一些input的常用属性

type：输入框的类型，值有：type、submit、password、file、checkbox、button、radio、reset
maxlength:允许输入的最大字符数
size:指定输入框宽度，单位为字符的宽度
vaule：指定输入框的初始值
placeholder：输入框提示，h5新加属性
autofoucs：自动获得焦点，h5新加属性
required：必填项，h5新加属性

 7.h5增加了什么新特性

1.增加了语义化标签，header，footer等
2.优化了表单，增加了一些表单属性
3.canvas画布
4.多媒体标题，vedio和audio
5.本地存储，localStorage和sessionStorage
6.废除了一些标签和属性，属性例如bgcolor，标签例如frame等
7.新增地理位置的api
.....

 

css

1.你可以说下用link标签和@import导入css文件的区别吗

1.link是xhtml标签，他不止可以加载css，还可以定义rel等其他属性，用途广，但@import仅仅只是css的语法，用来引用css文件的而已
2.兼容性不同，link标签可以在所有浏览器中使用，无兼容问题；而@import是css2.1提出来的，只对ie5+以上有用
3.加载顺序不同：link标签在页面开始加载的时候就加载css文件，而@import只有在页面加载完成后才会开始加载，这样可能导致页面一开始无样式效果。
4.dom操作，link标签可以通过js进行操作，但@Import不可以

 2.css有什么选择器