首页 > 代码库 > 常见的html面试题
常见的html面试题
1、doctype作用？标准模式和兼容模式各有什么区别？
（1）、<doctype>声明位于文档第一行，在<html>标签之前。用于告知浏览器的解析器以什么样的标准解析该文档。doctype不存在或者格式错误，会导致浏览器以兼容模式呈现该文档。
（2）、标准模式的排版和js运作模式都是以该浏览器支持的最高标准运行。兼容模式页面以宽松的向后兼容方式显示，模拟老浏览器的行为防止站点无法工作。
HTML5为什么只需要<doctype html>?
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）、常见的空元素有：
<br> <img> <input> <mate> <hr>
不常见的有：
<area> <base> <col> <command> <embed> <keygen> <oaram> <source> <track> <wbr>
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是有语气加强的便于搜索引擎知道是重要的
常见的html面试题