2.1 浏览器:
五大主流浏览器
1.safari 内核 webkit 网络打包工具
2.IE 内核 Trident 三叉戟
3.Chrome 内核 Blink 闪烁
4.firfox 内核Gecko 壁虎
5.opera 内核presto 说变就变
2.2HTML5 的 input 增加那些 type?
在 HTML5 中,为 input 元素新增了以下一些 type 属性值,用来丰富文本框的类型。
color: 用 于 指 定 颜 色 的 控 件 dao date:用于输入日期的控件(年,月,日,不包括时间)
datetime:基于 UTC 时区的日期时间输入控件(时,分,秒及几分之一秒)
datetime-local:用于输入日期时间控件,不包含时区email:用于编辑 e-mail 的字段
month:用于输入年月的控件,不带时区
number: 用于输入浮点数的控件
range: 用 于 输 入 不 精 确 值 控 件 search:用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除
tel:用于输入电话号码的控件
time:用于输入不含时区的时间控件url:用于编辑 URL 的字段
week:用于输入一个由星期-年组成的日期,日期不包括时区
2.3 如何区分 HTML 和 HTML5
概念 HTML 即超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可 以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部 分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于
网页的信 息,“主体”部分提供网页的具体内容。通常说的 HTML 指的是 HTML4.0。
HTML5 是 HTML 的第五次重大修改而成的,可以理解为升级版,但里面的内容是非常丰富的 二、区分 HTML 和 HTML5 有很多方法 1. 在文档类型声明上 HTML:
HTML5:在语义上却有很大的优势。提供了一些 新的 HTML5 标签比如:<header>、
<nav>、<aricle>、<aside>、<footer>…
2.4 浏览器内核分渲染引擎(Rendering Engine)和 JS 引擎。
渲染引擎:负责取得网页内容(HTML、XML、图像等等)、整理讯息(如加入 CSS), 以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。
JS 引擎:解析和执行 JS 来实现网页的动态效果。
最开始渲染引擎和 JS 引擎并没有明确区分,后来 JS 引擎越来越独立,内核就倾向于指渲染引擎。
常见浏览器内核
Trident:IE,MaxThon,TT,The World,360,搜狗浏览器等。
Webkit:Safari,Chrome 等。 [ Chrome 的:Blink(WebKit 的分支)]。
Presto:Opera7 及以上。 [Opera 内核原为:Presto,现为:Blink;]。
Gecko:Netscape6 及以上版本,FF,MozillaSuite/SeaMonkey 等。
2.5 HTML5 为什么只需要写 <!DOCTYPE HTML>
HTML5 不是基于 SGML(标准通用标记语言),因此不需要对 DTD(文档类型定义) 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行);
而 HTML4.01 基于 SGML,所以需要对 DTD 进行引用,才能告知浏览器文档所使用的文档类型。