html复习(6题)

1. html5有哪些新特性、HTML5新标签的浏览器兼容问题如何处理?
2. lframe的作用及其优缺点?
3. 常见浏览器内核是什么?
4. image标签 title 与 alt属性的区别是什么?
5. 对WEB标准以及 W3C的理解与认识?
6. 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不存在或格式不正确会导致文档以混杂模式呈现。