本文不是最全的前端面试题(没有最全,只有更全),只是面试过程中遇到的几个比较难的问题,其中很容易被忽视。简单的笔记,方便后面需要面试的朋友。后续内容会不定时更新。希望大家指出错误。1、Doctype的作用是什么?如何区分严格模式和混合模式?他们的意思是什么?声明在文档中排在第一位,在标记之前。告诉浏览器在哪种模式下呈现文档。严格模式排版和JS行为以浏览器支持的最高标准运行。在混杂模式下,页面以轻松的向后兼容方式显示。模拟旧浏览器的行为以防止网站无法正常工作。不存在或格式错误的DOCTYPE将导致文档以混杂模式呈现。2、HTML、XML、XHTML的区别HTML:超文本标记语言是用来描述和定义网页内容的标记语言,是构成网页的最基本的东西。它的作用是一个规范,告诉所有的浏览器统一标准。XML:ExtensibleMarkupLanguage它的表现形式是给一个文档加上一堆标签,解释每段文字的作用和含义。这样做的目的是为了方便数据的存储、传输和共享,使人和机器都可以轻松读取数据。XML和HTML有一个明显的区别:HTML标签是预定义的,不能随意添加,而XML可以。XHTML:ExtensibleHypertextMarkupLanguageXHTML是用XML语法编写HTML。有一些强制要求,如下:1.必须包含文件头声明2.所有元素名称必须小写3.所有空元素必须关闭4.所有属性名称必须小写5.所有属性值必须引用6,所有的布尔属性必须加上一个属性值3,HTML5支持了哪些新特性,哪些元素被移除了?如何处理HTML5新标签的浏览器兼容性问题?如何区分HTML和HTML5?新特性:HTML5不再是SGML的子集,主要是增加了图像、定位、存储、多任务处理等功能。拖放API语义更好内容标签(header,nav,footer,aside,article,section)音频、视频API(audio,video)画布(Canvas)API地理定位(Geolocation)API本地离线StorelocalStorage长期存储数据时间,关闭浏览器后数据不会丢失;sessionStorage数据会在浏览器关闭后自动删除表单控件,calendar,date,time,email,url,搜索新技术webworker,websocket,Geolocationremoveelements:纯粹表达的元素:basefont,big,center,font,s,罢工,tt,u;对可用性有负面影响的元素:frame、frameset、noframes;支持HTML5兼容,使用成熟的框架,用的最多的是html5shim框架区分HTML和HTML5:DOCTYPE语句、新增结构元素、功能元素前端面试题与答案-浏览器篇前端面试题与答案-CSS篇前端-端面试题及答案-JS篇前端面试题及答案-性能优化篇
