前端基础面试

198 阅读2分钟

一.基础版 1.html5语义化 易修改、易维护,易于阅读,搜索引擎友好,利于seo,使页面结构更加规范化。 常用的语义化标签:

、导航栏、(来说明文章的附加内容,解释某个观点、相关内容链接等等)、内容块、页脚、主体内容、文章报道等等。 2.css基础面试题 (1)标准的css盒子模型与低版本的盒子模型有何不同  标准的css盒子模型宽高就是内容区宽高 低端IE css盒子模型宽高 内边距﹢边界﹢内容区 (2)css选择器,以及哪些属性可以继承 css选择器:id选择器、类选择器,如classname,标签选择器(div,h1,p)、相邻选择器(h1+p).子选择器(ul>li),后代选择器(li a)、通配符选择器(*)、属性选择器(a[rel='external'])、伪类选择器(a:hover,li:nth-child) 可继承的属性:font-size,font-family,color 不可继承的样式:boder,padding,margin,width,height

优先级(就近原则):!important>[id>class>tag]

3.css3新增伪类有哪些? first-of-type 选择属于其父元素的首个元素。 last-of-type 选择属于其父元素的最后元素 only-of-type 选择属于其父元素的唯一的元素 onlychild 选择属于其父元素的唯一子元素。 nth-child(2)选择属于其父元素的第二个子元素。 enabled:disabled 表单控件的禁用状态 :checked 单选框或复选框被选中。 4.h5的新特性 1.h5新语义元素 header标签包含引导和导航等,通常包含h1h6、搜索框、logo等。 footer标签一般配合address标签(显示地址),包含作者信息、相关链接等。 nav标签一般包含多个a标签,构建导航组件。 aside标签主要装载广告、侧边栏。 article标签包含文章,一般内嵌header、footer、h1、p标签。 section标签可以用在以上任一一个标签中划分组件。 hgroup顾名思义是h1h6的集合。 总体来说,这些标签就是div标签的语义化转化,过去我们曾用div来包裹某个块或者说组件,现在h5使用这些标签实现语义化,有利于代码可读性和SEO。语义元素在IE6-8的兼容可以使用

document.createElement('header');
document.createElement('nav');

h5提供了sessionStorage、localStorage和indexedDB加强本地存储。使用之前应该先判断支持情况 6.地理定位 音频和视频播放器