一、doctype的作用，严格与混杂模式的区别，有何意义

1、语法格式：<!DOCTYPE html>

2、<!DOCTYPE>不是Html标签，而是告知浏览器此页面使用哪个HTML版本进行编写的指令

3、html 4.01中有如下三种模式

1、html 4.01 Strict 严格模式，不包含展示性（纯粹为页面展示服务的标签，如：b、font等，因为这些在css中有相应的替代方案）和弃用的元素，如：font，不允许框架集(framesets)；

2、html 4.01 Transitional 过滤模式，包含展示性和弃用元素，但不包含框架集(framesets);

3、html 4.01 Frameset 宽松模式，包含展示性与弃用元素，也包含构架集（framesets);

4、xhtml 中有如下四种模式

1、xhtml 1.0 Strict 严格模式，不包含展示性与弃用的标签，不允许框架集（framesets)，且严格以xml格式来编写标记；

2、xhtml 1.0 Transitional 过滤模式，包含展示性与弃用标签，不允许框架集(framesets)，且严格以xml格式来编写标记；

3、xhtml 1.0 Frameset 宽松模式，包含展示性与弃用标签，允许框架集(framesets)，且严格以xml格式来编写标记；

4、xhtml 1.1，等同于xhtml 1.0 strict，但允许添加模型。

5、标准模式与混杂的的区别

1、这两种模式主要是浏览器厂商提炼出来的，标准模式时浏览器会根据规范来呈现页面，而混杂模式时浏览器则以向后兼容的方式呈现；

2、Mozilla和Safari则用了“几乎标准模式”，就是在处理表格的方式上有一此细微的差异；

3、最大问题就是IE的盒子渲染机制，出现border-box（怪异模式）、content-box方式；

6、如何触发混杂模式

1、html 4.01文档，如果包含transitional（过滤）DTD但没有URI则以混杂模式渲染；

2、如果xhtml、html不存在<!DOCTYPE>标签，则已混杂模式渲染


二、HTML5为什么只需要写<!DOCTYPE HTML>

主要原因为html5中只有一个文档类型，就是html，而不像html 4.01或xhtml1.0还有多个文档类型。

三、行内元素、块级元素，空元素有那些

1、行内元素：span、a、em（强调）、label、textarea、select、sub、sup等

2、块级元素：div、ul、ol、li、h1~h6、table、form、p、dl、dd、dt等。

3、空元素：br、hr

四、link与@import导入样式的区别

1、html页引用css的三种，一是页内的style标签，二、link外链；三是@import导入

2、link是xhtm标签，不只外链css，还是可是rss服务，而@import只能是css

3、link外链的文件会与文档同步加载，而@import则是等待文档加载完成后才加载

4、link没有兼容性问题，而@import是css2.1规范中的，低版本浏览器不支持

5、link支持使用js控制DOM元素样式，而@import不可以（也就是说可以通过javascript来操作link标签来改变css文档，以达到更换皮肤的效果，而用@import则不行）

<style>

        @import url('test.css');

    </style>

关于HTML面试题汇总的更多相关文章

  1. AJAX笔试面试题汇总

    AJAX笔试面试题汇总 Javascript 1. 什么是ajax,为什么要使用Ajax(请谈一下你对Ajax的认识) 什么是ajax: AJAX是“Asynchronous JavaScript a ...

  2. Linux面试题汇总答案

    转自:小女生的Linux技术~~~Linux面试题汇总答案~~ 一．填空题:1. 在Linux系统中,以 文件 方式访问设备 .2. Linux内核引导时,从文件 /etc/fstab 中读取要加载的 ...

  3. C语言面试题汇总之一

    C语言面试题汇总之一 1.static有什么用途?(请至少说明两种) l 限制变量的作用域: 设置变量的存储域. 2.引用和指针有什么区别? 引用必须被初始化,指针不必: 引用初始化以后不能被改变,指 ...

  4. 收藏所用C#技术类面试、笔试题汇总

    技术类面试.笔试题汇总 注:标明*的问题属于选择性掌握的内容,能掌握更好,没掌握也没关系. 下面的参考解答只是帮助大家理解,不用背,面试题.笔试题千变万化,不要梦想着把题覆盖了,下面的题是供大家查漏补 ...

  5. Python面试题汇总

    原文:http://blog.csdn.net/jerry_1126/article/details/44023949 拿网络上关于Python的面试题汇总了,给出了自认为合理的答案,有些题目不错,可 ...

  6. iOS常见面试题汇总

    iOS常见面试题汇总 1. 什么是 ARC? (ARC 是为了解决什么问题而诞生的?) ARC 是 Automatic Reference Counting 的缩写, 即自动引用计数. 这是苹果在 i ...

  7. 100个iOS开发面试题汇总－王刚韧的技术博客

    100个iOS开发面试题汇总 关于iOS开发面试,不管对于招聘和应聘来说,面试都是很重要的一个环节,特别对于开发者来说,面试中的技术问题环节不仅是企业对应聘者技能和积累的考察,也是一个开发者自我检验的 ...

  8. 100个iOS开发/设计程序员面试题汇总，你将如何作答？

    100个iOS开发/设计程序员面试题汇总,你将如何作答? 雪姬 2015-01-25 19:10:49 工作职场 评论(0)   无论是对于公司还是开发者或设计师个人而言,面试都是一项耗时耗钱的项目, ...

  9. PHP面试题汇总参考

    PHP面试题汇总 这是一份比较全面的PHP面试题.对准备去新公司应聘PHP职位的开发者应该有帮助.或者说,对招聘PHP开发人员的企业也有些帮助,不过就不要原样打印出来考了,稍微改一改. 简述题(50分 ...

  10. 【2017年新篇章】 .NET 面试题汇总（二）

    本次给大家介绍的是我收集以及自己个人保存一些.NET面试题第二篇 第一篇文章请到这里:[2017年新篇章] .NET 面试题汇总(一) 简介 此次包含的不止是.NET知识,也包含少许前端知识以及.ne ...

随机推荐

  1. struts2 OGNL表达式

    一.OGNL OGNL是Object-Graph Navigation Language的缩写,全称为对象图导航语言,是一种功能强大的表达式语言,它通过简单一致的语法,可以任意存取对象的属性或者调用对 ...

  2. 去除IE6浏览器下获得焦点的元素的虚线框的两个小办法

    [1]onfocus = "this.blur()"//得到焦点时,失去焦点 e.g. <a href="#" onfocus = "this. ...

  3. 关于CPU Cache -- 程序员需要知道的那些事

    本文将介绍一些作为程序猿或者IT从业者应该知道的CPU Cache相关的知识.本章从"为什么会有CPU Cache","CPU Cache的大致设计架构",&q ...

  4. 学习RxJS：Cycle.js

    原文地址:http://www.moye.me/2016/06/16/learning_rxjs_part_two_cycle-js/ 是什么 Cycle.js 是一个极简的JavaScript框架( ...

  5. Filter Effects - 使用 CSS3 滤镜处理图片

    CSS3 Filter(滤镜)属性提供了提供模糊和改变元素颜色的功能.CSS3 Fitler 常用于调整图像的渲染.背景或边框显示效果.这里给大家分享的这个网站,大家可以体验下 CSS3 对图片的处理 ...

  6. [Linux] LD_LIBRARY_PATH

    该环境变量主要用于指定查找共享库(动态链接库)时除了默认路径之外的其他路径(该路径在默认路径之前查找).若共享库不在缺省路径/lib或者/usr/lib下,就需要指定其他路径.实践中的一种解决方案是, ...

  7. 【Swift学习】Swift编程之旅---控制流（九）

    Swift提供了类似C语言的流程控制结构,包括可以多次执行任务的for和while循环,基于特定条件选择执行不同代码分支的if和switch语句,还有控制流程跳转到其他代码的break和continu ...

  8. VUE2.0不可忽视的很多变化

    今天使用webpack-sample初始一个vue-cli项目,在app.vue文件中添加了个钩子函数ready,可是ready内的事件一直不执行,检查了webpack文件和package.json也 ...

  9. C#开源

    商业协作和项目管理平台-TeamLab 网络视频会议软件-VMukti 驰骋工作流程引擎-ccflow [免费]正则表达式测试工具-Regex-Tester Windows-Phone-7-SDK E ...

  10. 十五个常用的jquery代码段

    十五个常用的jquery代码段 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: 1 // Back to top ...