本文介绍了浏览器的核心组成部分——渲染引擎（内核），并列举了五大主流浏览器及其内核，如Chrome的WebKit和Blink。同时，文章详细阐述了页面的三大组成部分：HTML负责结构，CSS负责表现，JavaScript负责行为。HTML作为网页的基础，用于搭建页面框架。此外，还提及了HTML文档的基本结构，包括DOCTYPE声明、HTML标签、head和body的用途，以及字符集和标题的设置。
web浏览器是用于读取HTML文件，并将其作为网页显示
- 浏览器最重要的部分或其核心是渲染引擎，我们一般称为内核；
- 内核的作用负责对网页语法的解释并渲染网页；
- 五大浏览器：chrome、safari、Firefox、Opera、IE
1.chrome 谷歌浏览器
生产商：Google
内核：webkit、blink
2.Firefox 火狐浏览器
生产商：Mozilla
内核：gecko
3.Safari 苹果浏览器
生产商：苹果公司
内核：webkit
4.opera 欧朋浏览器
生产商：挪威欧普拉软件公司
内核：presto blink
5.IE 浏览器
生产商：微软公司 Microsoft
内核：trident
其他浏览器：
大部分国产的浏览器（qq浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发
现在国内市场上有许多双内核的浏览器，使用的是trident,webkit内核
## 2、页面的三大组成部分
* 结构：给页面搭建基本的框架结构。 html ，类比于建房子的时候要搭的地基跟钢筋。
* 表现：页面的美化，装饰。 css 相当于给房子加背景和家具的排列布局。
* 行为：页面的轮播图，返回顶部... javascript 相当于房子加灯的开关。
结构层html和表现层css，是 W3C 制定的规范，万维网联名。
行为层js，是 ECMA 制定的规范，欧洲计算机协会。
## 2、页面的三大组成部分
* 结构：给页面搭建基本的框架结构。 html ，类比于建房子的时候要搭的地基跟钢筋。
* 表现：页面的美化，装饰。 css 相当于给房子加背景和家具的排列布局。
* 行为：页面的轮播图，返回顶部... javascript 相当于房子加灯的开关。
结构层html和表现层css，是 W3C 制定的规范，万维网联名。
行为层js，是 ECMA 制定的规范，欧洲计算机协会。
## 2、HTML介绍
## 1、什么是HTML
* web浏览器是用于读取HTML文件，并将其作为网页显示
- 浏览器最重要的部分或其核心是渲染引擎，我们一般称为内核；
- 内核的作用负责对网页语法的解释并渲染网页；
- 五大浏览器：chrome、safari、Firefox、Opera、IE
1.chrome 谷歌浏览器
生产商：Google
内核：webkit、blink
2.Firefox 火狐浏览器
生产商：Mozilla
内核：gecko
3.Safari 苹果浏览器
生产商：苹果公司
内核：webkit
4.opera 欧朋浏览器
生产商：挪威欧普拉软件公司
内核：presto blink
5.IE 浏览器
生产商：微软公司 Microsoft
内核：trident
其他浏览器：
大部分国产的浏览器（qq浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发
现在国内市场上有许多双内核的浏览器，使用的是trident,webkit内核
* 结构：给页面搭建基本的框架结构。 html ，类比于建房子的时候要搭的地基跟钢筋。
* 表现：页面的美化，装饰。 css 相当于给房子加背景和家具的排列布局。
* 行为：页面的轮播图，返回顶部... javascript 相当于房子加灯的开关。
结构层html和表现层css，是 W3C 制定的规范，万维网联名。
行为层js，是 ECMA 制定的规范，欧洲计算机协会。
## 5、HTML文档的基本结构
```html
<!DOCTYPE html>
<!--
<!doctype> 文件类型定义DTD
作用：告诉浏览器该文档的版本信息，让浏览器解析器知道使用哪种语法解析文档
文档第一代码是HTML5标准网页声明，告知浏览器用HTML5标准解析此网页。
不是标签，是声明语句
必须写在HTML文档的第一行
-->
<html lang="en">
<!--
网页的根元素
定义整个HTML文档，包含head和body
lang属性
- 作用：定义当前文档显示文字的语言
- 语法：lang=“en”
(lang是language的简写)
- 取值:
en定义语言为英语
zh-CN定义语言为中文 -->
<head>
<!--
网页的头部信息 其内容不会显示在网页中
定义文档的头部，包含文档的标题（title），可以包含文档脚本（script），样式（style），meta信息以及更多的其他信息。
-->
<meta charset="UTF-8">
<!--
文档字符集
字符集(Character set)是多个字符的集合，便于计算机识别和存储各种文字。
在<head>标签内,通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。
charset属性:设置编码方式
UTF-8：万国码，通用性较好
(2)常用的字符集
- UTF-8被称为万国码，包含全世界所有国家需要用到的字符
- GB2312简单中文，包括6763个汉字
- GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312
- BIG5繁体中文，港澳台等用
-->
<title>标题</title>
<!--
网页标题
添加到收藏夹时的标题显示在搜索引擎结果中的页面标题。
-->
</head>
<body>
<!-- 网页的主体内容 定义文档的主体，在浏览器窗口中可以看到的所有内容都包含在它内部。-->
父子关系——嵌套关系
兄弟关系——并列关系
</body>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
