标题 请简述html的作用,常见的html面试题

1、doctype作用？标准模式和兼容模式各有什么区别？

(1)、声明位于文档第一行，在标签之前。用于告知浏览器的解析器以什么样的标准解析该文档。doctype不存在或者格式错误，会导致浏览器以兼容模式呈现该文档。

(2)、标准模式的排版和js运作模式都是以该浏览器支持的最高标准运行。兼容模式页面以宽松的向后兼容方式显示，模拟老浏览器的行为防止站点无法工作。

HTML5为什么只需要?

html不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为

而html4基于SGML，所以需要对DTD进行引用，才能告知浏览器文档使用的文档类型

3、行内元素有哪些，块级元素有哪些，空元素有哪些

(1)、行内元素有：

a　　b　　span　　img　　input　　select　　strong　　em　　i

(2)、块级元素有：

div　　ul　　li　　ol　　dl　　dd　　dt　　h　　p

(3)、常见的空元素有：

　　　　　　

不常见的有：

　　　　　　　　　　　　　　

4、页面导入样式时，使用link和@import有什么叙别

(1)、link属于xhtml标签，除了加载css还能定义rss，定义rel链接属性等作用

(2)、页面被加载的时候，link会同时被加载，而@import引用的css等到页面被加载完再加载

(3)、link没有兼容问题，@import兼容ie5以上

5、常用的浏览器内核介绍

(1)、IE浏览器　　　　trident内核

(2)、firefox　　　　　gecke内核

(3)、opear　　　　　 presto内核

(4)、chrome　　　　webkit内核

6、html5有哪些新特性、移除了哪些元素？如何处理html5新标签的浏览器兼容问题？如何区分html5和html？

(1)、新特性：

绘画canvas

用于媒体的video和audio元素

本地离线存储localStorage和sessionStorage

语义化更好的结构元素article、footer、header、nav、section

表单控件calendar、date、time、email、url、search

新技术webworker、websocket、Geolocation

(2)、移除元素

表现类basefont、big、center、font、s、strike、tt、u

可用性有影响的frame、frameset、noframes

(3)、兼容处理

利用document.createElement方法创建的标签

也可以使用成熟的框架 html5shim.js来兼容

(4)、如何区分

通过文档声明doctype、结构元素、功能元素来区分

7、简述一下html语义化的理解

用正确的标签做正确的事情

html语义化让页面内容结构化，便于浏览器和搜索引擎解析

即使在没有css样式的时候也以一种文档格式显示，不影响阅读

对搜索引擎更加友好，有利于seo

方便维护，和阅读源码

8、描述一下cookies、sessionStorage、localStorage的区别

cookies是网站为表示用户身份而存储在本地终端的数据，存储大小不能超过4k

cookies数据始终在同源的http请求中携带，不管需不需要都会在浏览器和服务器之间来回传递

cookies设置的过期时间之前一直有效，即使关闭窗口

sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存，存储大小也可以达到5M

sessionStorage 会在当前窗口关闭的之后自动删除数据

localStorage数据是永久保存的，除非用户手动删除

9、iframe有哪些缺点

iframe会阻塞主页面的onload时间

搜索引擎的检索程序无法解读这种页面，不利于seo

iframe和主页共享连接池，而浏览器对相同域的链接有限制，所以会影响页面的并行加载

可以动态的给iframe添加src，解决的这种弊端

10、label的作用是什么？怎么使用

label标签用来定义表单控件间的关系，单用户选择标签时，浏览器自动将焦点转到和标签相关的控件上

用label标签包裹控件或者设置控件id和label标签关联

11、html5的form如何关闭自动完成功能

给不需要的form或者input设置 autocomplete = off

12、如何实现浏览器内多个标签页之间的通信

webSocket、sharedWorker

也可以用调用localstorage、cookies等本地存储方式

localstorage另一个浏览器上下文里被添加、修改或者删除。都会触发一个事件

通过监听事件，控制他的值来进行页面的信息通信

13、title和h标签的区别，b和strong，i和em的区别

title标签是用来描述这个页面的主题的，是一个网页权重的最高点。但title标签并不出现在文章的正文中。而h1标签一般出现在文章的正文中，是展示给访问者的文章的标题。

b和strong以及i和em是一个道理的

b和i是给用户看的 只是纯碎的样式

strong和em是有语气加强的便于搜索引擎知道是重要的