前言：“我的生命有极限，而知识没有极限。如果有极限，遵循极限，自我毁灭”-庄子，请作如下阅读本文前的心理准备：本系列文章会不定时更新。这个系列的文章不是很严谨。前端面试HTML篇A篇：常识系列你真的懂浏览器吗？HTML中的Doctype是什么鬼？带有额外X的XHTML和HTML有什么区别？不常见的怪癖！标签语义是神马B篇：什么是标签和属性系列、内联元素和块级元素？img的alt和title有什么异同？b和strong的区别，i和em的区别？cookie、sessionStorage和localStorage有什么区别？链接和导入的区别？src和href的区别？PartC：前端设计优化系列div+css布局相较于表格布局有哪些优势？渐进增强还是优雅降级？为什么使用多个域名存储网站资源更有效？开发者往往在css/js代码上线后进行性能优化。从用户刷新网页开始，一个js请求一般缓存在哪里？一个页面（大型电商网站）图片很多，加载很慢。你有什么方法来优化这些图片的加载，让用户有更好的体验。D部分：HTML5系列为什么HTML5只需要写？html5有哪些新特性，去掉了哪些元素？如何处理HTML5新标签的浏览器兼容性问题？如何区分HTML和HTML5？如何使用HTML5离线存储，能解释一下工作原理吗？浏览器如何管理和加载HTML5离线存储资源？如何关闭HTML5表单的自动完成功能？答案如下A部分：常识系列1、你真的懂浏览器吗？答案：本题考查常见的浏览器和内核。IE：Trident内核Firefox：Gecko内核Safari：Webkit内核Chrome：Blink内核（Webkit的一个分支）Opera：Presto（版本7到12）；Blink（14版起）国产大型双核浏览器系列：Trident新增Webkit2。HTML中的Doctype是什么鬼？答：简单来说，这条语句放在文档的最前面，用来告诉浏览器的解析器按照文档类型规范来解析当前文档。3.多了一个X的XHTML和HTML有什么区别？答：简单来说，XHT??ML就是用XML格式编写的HTML，要求比较严格。元素语法等细节差异：XHTML元素必须正确嵌套XHTML元素必须始终闭合XHTML元素必须小写XHTML文档必须具有根元素属性语法：XHTML属性必须使用小写XHTML属性值必须用引号括起来XHTML属性缩小也被禁止更详细的区别是[这里][1]4.不常见的怪癖！答：Quirks又称怪癖模式、怪异模式、混合模式，对应标准模式。这是历史遗留问题。它发生在很久以前，在从IE5.5和旧版浏览器向IE6过渡期间。简单的说就是在这种模式下模拟旧版浏览器的行为，以兼容早期的网页。详细区别如下：总体来说，在布局、样式解析、脚本执行三个方面存在差异。(1)盒模型：在W3C标准中，如果给元素设置宽高，是指元素内容的宽高。在Quirks模式下，IE的宽高还包括padding和border。(2)设置内联元素的高宽：在Standards模式下，为等内联元素设置wdith和height不会生效，但在quirks模式下会生效。(3)设置百分比高度：在标准模式下，元素的高度由其包含的内容决定。如果父元素没有设置百分比高度，那么给子元素设置百分比高度是无效的。(4)Sethorizo??ntalcenteringwithmargin:0auto:在standards模式下使用margin:0auto可以使元素水平居中，但在quirks模式下会失效。5.语义标签是神奇的答案：简单地说，使用正确的标签做正确的事。HTML语义使页面内容结构化、清晰，便于浏览器和搜索引擎解析；即使没有样式CSS，也以文档格式显示，易于阅读；搜索引擎爬虫还依靠使用HTML标签来确定每个关键字的上下文和权重，这有利于SEO；方便阅读源代码的人将网站分块，便于阅读、维护和理解。B部分：标签和属性系列1、什么是行内元素和块级元素？答：简单来说，blocklevel和inline的区别就是能不能自己占一行！Blocklevel:divulolliph1(titleseries)dldtdt(descriptionlistseries)inline:spanabimginputselectstrong是的，空元素系列中有常见的空元素：鲜为人知：
