1. Doctype作用？标准模式与兼容模式各有什么区别?
Doctype是Document Type（文档类型）的缩写，告诉浏览器用什么文档标准来解析文档。在标准模式中，浏览器根据标准规范呈现页面，在兼容模式中，页面以宽松的向后兼容方式显示。
2. HTML5 为什么只需要写 <!DOCTYPE HTML>？
HTML5不基于SGML，不需要对DTD进行引用，但仍需要Doctype来规范浏览器的行为。
3.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
行内元素：a, span, h1, input, strong, b, img, select
块级元素：p, div, ul, li, ol, dl, dd, dt
空元素：<br>,<hr>,<img>,<input>,<link>,<meta>,<area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
4. 页面导入样式时，使用link和@import有什么区别？link在页面导入时同时加载样式，@import在页面全部加载完后再加载样式。
5. 常见的浏览器内核有哪些？
Trident内核：IE，Maxthon，TT，The World
Webkit内核：Chrome，Safari
Presto内核：Opera
Gecko内核：Firefox，Netscape6及以上
6. 介绍一下你对浏览器内核的理解？
分为渲染引擎和JS引擎。渲染引擎负责获取网页的内容(HTML,XML,图像等)，整理信息(如加入CSS)，以及计算网页的显示方式，输出至显示器或打印机。所有的网页浏览器、电子邮件客户端以及其他需要编辑、显示网络内容的应用程序都需要内核。JS引擎负责解析和执行javascript来实现网页的动态效果。
7. html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
增加：绘画canvas，音频audio，视频video；
本地离线存储localStorage（浏览器关闭后数据不丢失），Session的数据在浏览器关闭后自动删除；
内容元素：article，header，footer，nav，section；
表单控件：calendar，date，time，email，url，search；
新功能：webworder，websocket，Geolocation。
移除的元素：纯表现的元素：basefont，big，center，font, s，strike，tt，u;
对可用性产生负面影响的元素：frame，frameset，noframes；
支持HTML5新标签：
IE8/IE7/IE6支持通过document.createElement方法产生的标签， 可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim。
如何区分HTML5： DOCTYPE声明\新增的结构元素\功能元素
8. 简述一下你对HTML语义化的理解？
用正确的标签做正确的事情。
HTML语义化让页面内容结构化，结构清晰，便于解析。
既使css不显示，也可以以文档格式显示，便于阅读。
搜索引擎的爬虫也依赖于HTML标记来确定上下文和关键字的权重，利于SEO。
是阅读源码的人便于理解。
扫一扫
25万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
