- html5有哪些新特性、HTML5新标签的浏览器兼容问题如何处理?
- lframe的作用及其优缺点?
- 常见浏览器内核是什么?
- image标签 title 与 alt属性的区别是什么?
- 对WEB标准以及 W3C的理解与认识?
- Doctype 作用?严格模式与混杂模式如何区分?它们有何意义?
html5有哪些新特性、HTML5新标签的浏览器兼容问题如何处理?
//新特性
1、拖拽释放
2、语义化更好的内容标签3、音频、视频api
4、画布api
5、地理api
6、本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失
7、sessionStorage的数据在游览器关闭后自动删除
8、表单控件 calendar、data、 time、email、URL、search
9、新的技术webworker、websocket、Geolocation
//兼容性处理
方法一:
1、使用静态资源的html5shiv包
<!--[if lt IE9]>
<script
src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
2、载入后,初始化新标签的css
header, section, footer, aside, nav, main, article, figure{ display: block; }
方法二:
IE6/IE7/IE8支持通过document方法产生的标签,利用这一特性让这些浏览器支持HTML5新标签
lframe的作用及其优缺点?
//优点
可以解决第三方静态内容加载缓慢问题;
iframe无刷新文件上传;
iframe跨域通信
//缺点
iframe会阻塞主页面的onload事件;
无法被搜索引擎捕获到导致不利于SEO;
增加服务器的http请求;
内存开销大;
常见浏览器内核是什么?:
浏览器内核:
浏览器内核也称渲染引擎或者排版引擎,主要对网页的语法进行解释,并且进行渲染网页,将网页的代码转换为看得到的页面,一般情况下,浏览器的内核一般采用渲染的引擎。
常见内核:
ie游览器,微软的Trident内核,前缀-ms-
Chrome,谷歌的webkit内核,已经转向Blink内核,前缀-webkit
Firefox,火狐的Gecko内核,前缀-moz-
欧朋游览器,欧朋的Presto内核,前缀-o-
Safari,苹果的webkit内核,前缀-webkit
image标签 title 与 alt属性的区别是什么?
1.alt属性是给搜索引擎识别,在图片加载失败时提示文本信息
2.title属性用于元素的信息展示,主要给用户进行解图和提示
3.当用户鼠标放到文字或者图片上的时候,有title进行文本显示
4.在使用img标签时,可以把alt和title属性都写全,这样可以保证在各种浏览器中都能使用
对WEB标准以及 W3C的理解与认识?
web标准
web标准主要分为结构、表现、行为3部分
- 结构:指我们平时在body 里面写的标签,主要是由HTML标签组成
- 表现:指更加丰富HTML标签样式,主要CSS样式组成
- 行为:指页面和用户的交互,主要由JS部分组成
W3C
W3C对web标准提出了规范化的要求,即代码规范
- 对结构的要求
- 标签字母要小写
- 标签要闭合
- 标签不允许随意嵌套
对表现和行为的要求
- 建议使用外链CSS和js脚本,实现结构与表现分离、结构与行为分离,能提高页面的渲染效率,更快地显示网页内容
标签闭合、标签小写、不乱嵌套、提高搜索机器人的搜索几率、使用外链css和js脚本,结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户访问、内容能被更广泛的设备所访问、更少的代码和组件、容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性
Doctype 作用?严格模式与混杂模式如何区分?它们有何意义?
1、声明位于文档中的最前面,处于标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。
2、严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。
3、在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
4、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。