一.基础版 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.地理定位 音频和视频播放器