主流浏览器内核
- Trident(IE内核）：国内双核浏览器其中之一，代表有：IE、傲游、360、百度。win10后改名为Edge，使用了新内核Edge引擎
- Gecko(Firefox)：代码完全公开
- Webkit（Safari)：开源的
- Presto（Opera)：Opera Software开发的，公认最快渲染速度的引擎。之后Opera并入谷歌，也使用Blink内核
- Blink（Chrome）：是Webkit的分支
移动端的浏览器内核主要说的是系统内置浏览器的内核。
目前移动设备浏览器上常用的内核有Webkit、Blink、Trident、Gecko，其中苹果iOS平台主要是Webkit，Android4.4之前Android系统浏览器的内核是Webkit，Android4.4之后使用Blink，Windows Phone 8系统浏览器内核是Trident。
HTML的标签
HTML叫做超文本标记语言（Hyper Text Markup Language）。
骨架由html head body 组成。其中：html标签为根节点。head标签中存放title/meta/base/style/script/link。body标签为页面的主题部分，存放所有的html标签。注意：title标签必须设置，作用是让页面拥有一个标题。
标签（元素）分类
1.按单双标签进行分类
自闭和标签（空标签）：又称为单标签，有开始或结束标签
常用：br、hr、img、input、area、base、link、meta、col、frame、embed、keygen...
双标签：有开始和结束标签
常用：html、head、div、nav、span、a、article、aside、p、h1-h6...
2.按行内块进行分类（display的显示模式）
a: 行内元素（inline），又称为内联元素
特点：不独占一行、设置宽高不生效、水平方向的margin、padding生效，垂直方向不生效（可设置padding、border、margin，但不影响垂直方向布局）、只能嵌套文本或行内元素
常用：a、span、br、i、em、strong、label、q、var、img...
注意：图片元素之间存在空隙，可设置display:block使空隙消失。该空隙是由于两个行内元素之间换行导致的空隙
b: 行内块元素（inline-block）
特点：不独占一行、可设置宽高
常用：input
c: 块元素（block）
特点：独占一行、可设置宽高、宽度默认为容器的100%
常用：h1-h6、p、div、ul、ol、form...
标签关系：标签相互关系分为两种，嵌套关系和并列关系
嵌套关系（父子关系）
<head>
<title></title>
</head>
并列关系（兄弟关系）
<head></head>
<body></body>
文档声明（DOCTYPE)
html5的文档声明：不严格区分大小写，需要写在网页最顶部。
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
字符集
<meta charset="UTF-8">
UTF-8：是目前最常用的字符集编码方式，包含了全世界所有国家需要用到的字符
GB2312：简单中文，包括6763个汉字
BIG5：繁体中文，港澳台等用
GBK：包含全部中文字符，是GB2312的扩展，加入了对繁体字的支持，兼容GB2312
Lang语言种类
<html lang = "en">//语言类型为英文
<html lang = "zh-CN">//定义为中文
路径
1. 绝对路径：网络地址和本地路径（从磁盘开始）
2. 相对路径
./ 表示当前文件夹所在的文件夹
../ 表示当前文件夹所在文件夹的上级文件夹
/ 放在首位时，表示根目录（本地服务器地址），比如D盘；在服务器中时，表示服务器地址。放在后面时，表示下一级
../../ 表示当前文件夹的上一级文件夹的上一级文件夹
932
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
