一、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. SQL Server的Execute As与连接池结合使用的测试

    简介     在SQL Server中,Execute As关键字允许当前账户在特定上下文中以另一个用户或登录名的身份执行SQL语句,比如用户张三有权限访问订单表,用户李四并没有权限访问订单表,那么给 ...

  2. Ubuntu 14.04上安装caffe

    本来实在windows 10上尝试安装caffe,装了一天没装上,放弃; 改在windows上装ubuntu的双系统,装了一个下午,不小心windows的系统盘被锁死了,也不会unlock?只好含泪卸 ...

  3. Java多线程系列--“基础篇”01之 基本概念

    多线程是Java中不可避免的一个重要主体.从本章开始,我们将展开对多线程的学习.接下来的内容,是对“JDK中新增JUC包”之前的Java多线程内容的讲解,涉及到的内容包括,Object类中的wait( ...

  4. Java Class文件详解

    作者:禅楼望月(http://www.cnblogs.com/yaoyinglong) Java Class文件中包含以下信息: [+]view code ClassFile { u4 magic;  ...

  5. c#字符串操作方法实例

    # 字符串是使用 string 关键字声明的一个字符数组.字符串是使用引号声明的,如下例所示: string s = "Hello, World!"; 字符串对象是“不可变的”,即 ...

  6. Android反编译(三)之重签名

    Android反编译(三) 之重签名 [目录] 1.原理 2.工具与准备工作 3.操作步骤 4.装X技巧 5.问题 1.原理 1).APK签名的要点 a.所有的应用程序都必须有数字证书 ,Androi ...

  7. JPG渐进 & PNG/PNG24 交错测试

    今天由同事说起,PS导出PNG时,有个选项"交错"是干啥的,想起这也是个问题,所以特意搞了个测试页面: 引用网上"交错-就是类似旧式电视的隔行扫描,让图片只花50%的时间 ...

  8. 矢量化的HTML5拓扑图形组件设计

    HT一直被客户称道的就是其全矢量化的设计特色,矢量相比传统图片好处太多了: www.hightopo.com/guide/guide/core/vector/ht-vector-guide.html ...

  9. win10系统下点击关机却自动重启的问题解决思路

    第一步.进入win10系统后,我们点击开始菜单上鼠标右键,选择控制面板   第二步.找到电源选项,点击进去(如何没发现,点击右上角查看方式,更换为小图标)   第三步.点击选择关闭盖子的功能   第四 ...

  10. angularjs input上传图片前获取图片的Size

    首先我们需要一个指令来追踪input的change.ngChage不适用input[file]. app.directive("fileread", [function () { ...