唉,最近面试,发现自己越来越菜了,所以还是选择记录一下每天看到的知识好了。不定更新,欢迎探讨哈哈。
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有什么选择器