IMWeb前端秋招训练营--前端作业6

经典面试题四道
1.XHTML和HTML有什么区别?
答：XHTMLl是用xml语言重写了HTML,相比HTML更规范。主要的要求有：XHTML 元素必须被正确地嵌套；XHTML 元素必须被关闭；XHTML 标签名必须用小写字母；XHTML 文档必须拥有根元素。

2.什么是语义化的HTML?
答：根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码，同时让浏览器的爬虫和机器很好地解析。

3.常见的浏览器内核有哪些？
答：Trident内核代表产品Internet Explorer；Gecko内核代表作品Mozilla Firefox；WebKit内核代表作品Safari、Chrome；Presto内核代表作品Opera；EdgeHTML内核代表作品Edge等

4.HTML5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和HTML5？
答：新特性：语义特性（Semantic）、本地存储特性（OFFLINE & STORAGE）、设备访问特性 (DEVICE ACCESS)、连接特性（CONNECTIVITY）、网页多媒体特性(MULTIMEDIA)、 三维、图形及特效特性（3D, Graphics & Effects）、性能与集成特性（Performance & Integration）；
移除的元素：<acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt>；
浏览器对HTML5标签的兼容：
如果标签不被兼容，将可能出现以下的三种结果：
结果1：标签被当作错误处理并被忽略。那么DOM构建的时候，就会当作这个标签不存在；
结果2：标签会被当作错误处理，并在DOM构建的时候依然会按照预期的代码进行创建，并且HTML标签会被构造成行内元素（也就是说虽然不能识别，但是代码里section标签依然会在dom中创建一个对应section节点，但是属于行内元素）；
结果3：标签被识别为HTML5标签，然后用DOM节点对其进行替换。DOM在构建的时候和预想的一致，并且合适的样式会应用到标签上（大部分情况下是块级元素）；
解决的方法：
1.实现标签被识别，通过document.createElement（tagName）即可以让浏览器识别标签和CSS引擎知道该标签的存在；
2.JavaScript解决方案。
详细可见百度经验：http://jingyan.baidu.com/article/8275fc8662ac2b46a13cf65a.html
区分HTML和HTML5：文档类型声明，结构语义（新增的一些元素）。

思考题，我觉得涉世未深，还是引用知乎的两个问题的回答吧！
1.经典的轮子：https://www.zhihu.com/question/29380608
2.哪些常用布局是无法用纯 CSS 实现：https://www.zhihu.com/question/31863128

上述答案部分来自互联网。欢迎指正、探讨。