前端开发就业面试题

HTML+CSS篇

1.对WEB标准以及W3C的理解与认识。

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性。

2.xhtml和html有什么区别？

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

3.Doctype的作用？严格模式和混杂模式的区别？它们有什么意义？

1）<!DOCTYPE>声名位于文档的最前面，在 标签的前面，告知浏览器以何种模式来渲染文档。
2）严格模式的排版和JS运作模式都是以浏览器支持的最高的标准运行。按照W3C的标准来解析代码。
3）混杂模式是以宽松的，向后兼容的方式来解析代码。是指浏览器用自己的方式解析代码，模拟老式浏览器的行为以防止网站停止工作。
4）若DOCTYPE为声名或格式不正确，页面将会以怪异模式的方式解析。
5）Doctype标签可声明三种DLD类型，分别是严格型，过渡型，框架型。

4.行内元素有哪些?块级元素有哪些?CSS的盒模型?

**块级元素：**div p h1 h2 h3 h4 form ul
**行内元素：**a b br i span input select
**CSS盒模型：**内容、填充（padding）、边框（border）、外边界（margin）

5.CSS引入的方式有哪些? link和@import的区别是?

方式：
内联方式、嵌入方式、链接方式、导入方式。
区别：
1）link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
2）link引用CSS时，在页面载入时同时加载