智一面gtalent-前端面试问题与技巧性答复(01)

智一面为您提供模拟练习题：

HTML与XHTML 二者有什么区别，你觉得应该使用哪一个并说出理由

最主要的不同：

• XHTML 元素必须被正确地嵌套。
• XHTML 元素必须被关闭。
• 标签名必须用小写字母。
• XHTML 文档必须拥有根元素。

XHTML是当前HTML版的继承者。HTML语法要求比较松散，这样对网页编写者来说，比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，比如手机，难度就比较大。

可扩展超文本标记语言（英语：eXtensible Hyper Text Markup Language，XHTML），是一种标记语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格，更加简洁，它的可扩展性和灵活性将适应未来网络应用更多的需求。

说出三种减少页面加载时间的方法。（加载时间指感知的时间或者实际加载时间）

1. 优化图片
2. 较少http请求（合并图片，合并文件）
3. 优化css
4. 图片格式选择（GIF提供的颜色不多，可用在颜色要求不高的地方）
5. 优化css(margin-top,margin-left合并)

Html的语义化

如标题用H1-H6,强调用strong，表格的表头要用thead,主体用tbody,尾部用tfoot

是在写html结构时，用相对应的有一定语义的标签表示的，标记的

你用过媒体查询，或针对移动端的布局css吗

@media screen and (min-width:400px)and(max-width:700px){…}

@media handheld and (min-width:20em), screen and (min-width:20em){…}

媒体查询，就是响应式布局，响应式布局框架：bootstrap,pureCSS，layui等。

doctype（文档类型）的作用是什么？你知道多少种文档类型？

就是告诉浏览器使用什么（标准）模式渲染页面。

智一面|热门IT岗面试题集锦