考核总结
引言:
本次考核共20道简答题,一道写布局的题(感觉难度比想象中的简单,可能是因为之前受到某人的惊吓,以为会很难(这里要插一句wqh牛批),所以看到这次的题感觉还可以,好像大致都有看过,除了渐进增强与优雅降级完全不懂)
第一部分:
第一题:关于浏览器内核
你的代码都在哪些浏览器上运行过?这些浏览器的内核是什么?
我一般都是在chrome上运行,浏览器内核:Blink
浏览器内核及主流浏览器内核介绍
浏览器内核
浏览器最重要也是最核心的就是浏览器内核,英文“Rendering Engine”,译为渲染引擎。习惯上我们称之为浏览器内核。浏览器内核负责对网页语法的解释并渲染网页。其作用即为决定网页及页面的格式信息。
主流浏览器内核
浏览器 | 浏览器内核 |
---|---|
IE | Trident |
Google Chrome | Blink |
Mozilla Firefox | Gecko |
safari | WebKit |
Opera | Blink |
(关于几个浏览器内核有时间再详细整理一遍)
第二题: <!doctype html> 的作用
< !doctype html > 的作用是什么?
-
简单来说就是 告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档。(也就是 告诉解析器要用h5格式解析文档)
-
doctype是一种标准通用标记语言的文档类型声明。
-
< !DOCTYPE >声明是用来指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
-
< !DOCTYPE >声明必须是HTML文档的第一行,位于html标签之前。
-
补充:
浏览器本身分为两种模式,一种是标准模式,一种是怪异模式。
标准模式:
怪异模式:
浏览器通过doctype来区分这两种模式,doctype在html中的作用就是触发浏览器的标准模式,如果html中省略了doctype,浏览器就会进入到Quirks模式的怪异状态,在这种模式下,有些样式会和标准模式存在差异,而html标准和dom标准值规定了标准模式下的行为,没有对怪异模式做出规定,因此不同浏览器在怪异模式下的处理也是不同的,所以一定要在html开头使用doctype。
HTML4.01的doctype
在HTML4.01中,<!DOCTYPE>声明引用DTD,因为HTML4.01基于SGML。DTD规定了标记语言的规则,这样浏览器才能正确的呈现内容。在HTML4.01中有三种<!DOCTYPE>声明。
严格模式:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
过渡模式:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
框架模式:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
HTML5的doctype
HTML5不基于SGML,所以不需要引用DTD。在HTML5中<!DOCTYPE>只有一种
<!DOCTYPE html>
第三题:input标签属性
实现如下方案,需要在 <input>标签中添加什么属性?
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。不多说了。