文章目录
一、常见浏览器（了解）
浏览器主要起到了渲染的作用（主要通过浏览器内核进行渲染的，也就是下面讲到的）
1. IE浏览器
IE浏览器是世界上使用最广泛的浏览器，它由微软公司开发，预装在windows操作系统中。所以我们装完windows系统之后就会有IE浏览器。目前，最新的IE浏览器版本是IE 11。
2. Safari浏览器
Safari浏览器由苹果公司开发，它也是使用的比较广泛的浏览器之一。Safari预装在苹果操作系统当中，从2003年首发测试以来到现在已经11个年头。是苹果系统的专属浏览器，当然现在其他的操作系统也能装Safari。
3. Firefox浏览器
火狐浏览器是一个开源的浏览器，由Mozilla资金会和开源开发者一起开发。由于是开源的，所以它集成了很多小插件，开源拓展很多功能。发布于2002年，它也是世界上使用率前五的浏览器。
4. Opera浏览器
opera浏览器是由挪威一家软件公司开发，该浏览器创始于1995，目前其最新版本是opera 20，他有着快速小巧的特点，还有绿色版的，属于轻灵的浏览器。
5. Chrome浏览器
Chrome浏览器由谷歌公司开发，测试版本在2008年发布。虽说是比较年轻的浏览器，但是却以良好的稳定、快速、安全性获得使用者的亲睐。
6. 其他浏览器
像360浏览器，猎豹浏览器，百度浏览器等大多基于IE内核开发的。所以这里不详细介绍。
二、浏览器内核（理解，面试有可能问道）
浏览器内内核主要分为两部分：渲染引擎和JS引擎。
渲染引擎：它负责取得网页的内容（HTML、XML、图象等等）、整理信息（例如加入CSS等），以及计算网页的显示方式。
JS引擎：主要负责解析JavaScript语言，执行JavaScript语言来实现网页的动态效果。
由于JS引擎越来越独立，内核就倾向于只指渲染引擎。
1.IE----Trident内核
windows系统下最常见的浏览器，因为Microsoft在自己的系统中强制装这一浏览器，不常见就见鬼了。
百度浏览器、世界之窗浏览器使用的都是Trident内核，可以说是基于IE的。例如360浏览器现在都是双核的，其中一个核就是Trident。
2.Edge----EdgeHTML内核
这个就是IE的弟弟，Edge浏览器，现在也是windows10系统必装的浏览器。EdgeHTML由微软在原IE浏览器的Trident内核基础上，删除了过时的旧技术支持代码，增加了对现代浏览器技术的支持，是一个全新的内核。
3.Edge beta----Chromium内核
微软宣布拥抱chrome后，大家都很关注，最近的新版edge beta更是赚足了眼球，这是第一款微软基于开源项目chromium的浏览器，对于微软这样的集团来讲，拥抱开源的意义很大。
4.Safari----Webkit内核
webkit内核是一个开源的浏览器项目。后来苹果在开发自己的浏览器的适合，比较了现存的一些浏览器内核，最终因为它清晰的源码与极快的渲染速度，而选择了推出基于webkit内核的Safari，webkit内核也得益于苹果的开发，极大扩展了影响力。
5.Chrome----先是Webkit内核后是Blink
Blink内核算是webkit内核中webcore的一个分支
6.火狐浏览器----Gecko
三、WEB标准
通过浏览器内核的不同，他们的工作原理、解析肯定也不同，为了解决在不同的浏览器展示统一内容就出现了WEB标准。
Web 标准：也称网页标准，它由一系列标准组成，这些标准大部分由 W3C 负责制订，也有一些标准由其他标准组织制定的，如 ECMA 的 ECMAScript 标准等。
在符合标准的网页设计中，CSS 与 HTML、JavaScript 并列称为网页前端设计的 3 种基本语言，其中：
- HTML 负责构建网页的基本结构；
- CSS 负责设计网页的表现效果；
- JavaScript 负责开发网页的交互效果。
html好比人，css好比给人穿各种各样的衣服，JavaScript好比人能跑步，跳跃等。
四、HTML初识
HTML:超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
1.HTML骨架格式
//要有良好的编码格式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
- < !DOCTYPE html > 声明为 HTML5 文档
- < html >元素是 HTML 页面的根元素
- < head >元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8。
- < title >元素描述了文档的标题
- < body >元素包含了可见的页面内容
- < h1 >元素定义一个大标题
- < p >元素定义一个段落
2.书写我们第一个html页面
步骤：
- 新建一个demo.txt文件
- 写入我们的html骨架格式
- 把文件后缀改为html
- 点击用浏览器打开
效果如下图：
3.HTML标签
网页组成元素有哪些？主要有文字、图片、链接、音频…等组成，我们就需要用代码来表达这些。这就要用到我们现在要说的HTML标签。
在HTML页面中，带有"<>"符号的元素被称为HTML标签。如上面HTML骨架格式中的< html >、< head >都是HTML标签。
- HTML 标签通常是成对出现的，称为双标签，比如< html >< /html >，也有少量单个出现的，称为单标签，比如< img />
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
认识标签：
- HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。
- HTML 段落是通过标签<p> 来定义的。
- HTML 链接是通过标签 <a> 来定义的。
- HTML 换行是通过标签 <br/> 来定义的。
- HTML 图像是通过标签 <img/> 来定义的。
- HTML 文本格式化是通过很多标签来定义的，比如<b> 、<i> 等标签。
- HTML表格由 <table>标签来定义。每个表格均有若干行（由 <tr>标签定义），每行被分割为若干单元格（由 <td>标签定义）。
- HTML无序列表使用 <ul>标签,每个列表项始于<li> 标签。
- HTML有序列表始于<ol> 标签。每个列表项始于 <li> 标签。
- HTML <div> 和<span> 是没有语义的，是网页布局主要的两个盒子。<div> 定义了文档的区域，块级 (block-level)；<span> 用来组合文档中的行内元素， 内联元素(inline)；
- HTML 表单是通过标签 <form> 来定义的。表单元素是允许用户在表单中输入内容，比如：文本域（textarea）、下拉列表（select）、单选框（radio-buttons）、复选框（checkbox） 等等。
- HTML 自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始（了解）。
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
内联元素在显示时通常不会以新行开始。
（1）块级元素的特点
- 自身属性为display: block;的元素
- 独占一行
- 从上到下依次排列
- 直接控制宽度、高度以及盒子模型的相关CSS属性
- 不设置宽度，块级元素的宽度是它的父元素内容的宽度，高度是自身内容的高度
- 可以嵌套行内元素
- ul/ol下面只能是li，dl下面只能是dt dd；p不能包含其他块级元素包括自身
（2）内联元素的特点
- 自身属性为display: inline;的元素
- 不独占一行，和其他内联元素从左到右在一行显示
- 不能直接控制宽度、高度以及盒子模型的相关CSS属性，可以直接设置内外边距的左右值
- 宽高由自身内容的大小决定（文字、图片等）
- 只能容纳文本或其他内联元素（不能在内联元素中嵌套块级元素）
4.标签属性
- HTML 标签可以设置属性，一个标签可以设置多个属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签，位于标签名后，属性之间不分先后顺序，属性与属性、属性与标签名以空格分开
- 属性总是以key = "value"的形式出现，比如：name=“value”。
例如：
<a href="http://www.runoob.com">这是一个链接使用了 href 属性</a>
5.特殊字符
注：每个标签及属性可以在菜鸟教程详细学习
929
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
