HTML

1.什么是前端

• 用HTML/CSS/JavaScript以及更多别的框架技术，编写网站页面、APP，小程序、2D&3D游戏、Web VR & AR 等应用，通过内容设计，交互动画、数据操作构建项目与用户的交互界面。前端工程师在项目中可以与UI设计师和后台程序员合作，实现设计意图并调用后台接口，可以独立工作完成用户交互的各类应用。

2.img标记属于什么类型元素？

• 属于行内元素，但是可以设置宽高。

3.行内元素，块元素，空元素有哪些？

• 行内元素：a、 span、 i、 image、 b、 s 、u、 sup、 sub、 label
• 块级元素：div，dl，dt，dd，ul，li，ol，p，h1，h2，h3，h4，h5，结构标记
• 空元素：br、hr

4.说说HTML5、CSS3的新特性。

• H5新特性：结构标记：header、footer、section、article、aside、nav （与div的关系：都是用来做布局，但是结构标记提高了语义性和可读性）；新表单元素：url、email、number 、date、 month、 color ；canvas ；audio ；video；地理定位；拖放；web存储； Web Workers； Web Socket
• CSS3新特性： 复杂选择器：属性选择器、伪类选择器、伪元素选择器、兄弟选择器；边框倒角；边框阴影；渐变；转换；过渡；动画；弹性盒子；媒体查询

5.Doctype的作用？严格模式与混杂模式如何区分？它们有何意义？

• Doctype声明位于文件的最前面，处于标签之前。用来告诉浏览器的解析器用什么文档类型、规范来解析这个文档。
• 严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。
• 在混杂模式中页面一宽松的向后兼容的方式显示，模拟老式浏览器的行为防治站点无法工作。
• DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

6.HTML/CSS/JavaScript的作用是什么、为什么会产生这三种语言？

• 这三种语言是用来编写网页的。HTML用于搭建网页结构展示内容，CSS用于修饰HTML元素，JavaScript用于添加网页的交互验证。

7.XHTML和HTML有什么区别？

• HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言。
• XHTML元素必须被正确的嵌套，必须被关闭，标签必须用小写字母，XHTML文档必须拥有根元素。

8.img标签上title与alt属性的区别是什么？

• alt,当图片不显示时，在图片位置所显示的文字
• title，鼠标移入元素上时，为该元素添加提示信息。

9.前端常见的性能优化？

• 文件和并(减少http请求)
• 文件压缩
• 使用cdn(内容分发网络)加速，降低通讯距离
• 压缩组件(Gzip)
• 将CSS样式表放在顶部
• 将js脚本放在脚部
• 避免使用css表达式
• 减少DNS查询
• 精简js
• 避免重定向
• 使用Ajax可缓存
• 代码模块化，删除重复脚本

10.iframe有哪些优缺点

• 优点：iframe能够把嵌入的网页原样展现出来；模块分离便于更改，如果有多个网页应用iframe,只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改。
• 缺点： iframe会阻塞主页面的onload事件，当onload事件加载延迟后，它给用户的感觉就是这个网页非常慢。iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面得并行加载。使用iframe之前要考虑这两个缺点。如果需要使用iframe，最好是通过javascript动态给iframe添加src属性值，这样可以可以绕开以上两个问题。