html知识

1.doctype作用

doctype标签可以告诉浏览器文档使用哪种HTML或者Xhtml规范。该标签可生命三种DTD类型，是严格版本，过渡版本和基于框架的HTML文档。

声明需要位于文档的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。

严格模式的排版和Js运作模式是以该浏览器支持的最高标准进行。

在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

doctype不存在或格式不正确会导致文档以混杂模式呈现。

注：混杂模式以老式浏览器事件，各个浏览器相互不兼容时，不适用doctype来声明文档类型。过度版本和基于框架的文档是近似标准模式文档，能尽可能遵循标准的基础上兼容部分非标准代码。严格版本和html5的声明都是标准模式，能够对统一标准实现最好的模式。

2.行内元素 块级元素

行内元素和块级元素的区分是根据其默认的display属性。可以在css中进行设置。

默认的行内元素：a b span img input select strong

块级元素：p div ul li ol dl dt dd h1 h2 ...

3.link和@import的区别

link为xhtml标签，而@import是css提供的。

页面被加载的时候，link会同时被加载，而@import引用的css会等到页面加载完后再加载。

import在IE5以上才能识别，而link是xhtml标签，无兼容问题。

link方式的样式的权重高于@import的权重。

4.浏览器的内核分别是什么

IE浏览器的内核Trident.Mozilla的Gecko.Chrome的Blink(Webkit的分支）.Opera内核原来为Presto,现为Blink。

5.html5的新特性，兼容问题，区分html和html5

主要增加的功能是关于图像，位置，存储，多任务等功能。

绘画的canvas，用于媒体的video和audio，本地离线存储的LocalStorage，长期存储数据，浏览器关闭后数据不丢失;SessionStorage的数据在浏览器关闭后会自动删除。语义化标签，如article,header,footer,nav,section,sidebar。表单控件：calendar,date,time,email,url,search。新的技术有webworker,websocket,Geolocation。

6.语义化的理解

html语义化就是让页面的内容结构化，便于对浏览器，搜索引擎解析。在没有样式css情况下以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫以来于标记来确定上下文和各个关键字的权重，利于SEO。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

7.HTML5的离线储存方式

LocalStorage  长期存储数据，浏览器关闭后数据不会丢失。

SessionStorage  数据在浏览器关闭后会自动删除。

容量都比cookie大，不用连接服务器。

8.iframe的缺点。

iframe会阻塞主页面的Onload事件。

iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。使用iframe之前需要考虑这两个缺点。使用irame之前需要考虑这连个缺点。如果需要使用iframe，最好是通过js动态给iframe添加src属性值。这样可以绕开以上两个问题。

9.cookie，sessionStorage，localStorage的区别

cookie  在浏览器和服务器之间来回传递。空间小。

sessionStorage/localStorage  存储空间更大，有更多丰富易用的接口。各自独立的存储空间。