简介
常用浏览器以及其渲染引擎
前端都知道，枯燥的代码在浏览器能显示不同的效果，离不开浏览器的内核「渲染引擎， 负责读取网页的内容，整理信息，计算网页的显示方式以及显示页面」, 在这之前，需要了解浏览器以及内核处理；
| 浏览器 | 内核 | 备注 |
|---|---|---|
| IE | Trident | IE, 猎豹， 360， 百度浏览器 |
| firefox | Gecko | 火狐 |
| safari | webkit | 苹果浏览器 |
| chrome/Opera | blink | blink是webkit的分支 |
web标准
简单的说，
web标准「万维网联盟是著名的标准化组织」就是规定标准的集合
为什么需要web标准
浏览器不同，展示的页面或者样式排版就会有兼容差异问题；简而言之，web标准可以让不同的开发者在不同的渲染引擎达到标准，统一的页面；
同时web标准还有以下优点：
- 优化web发展前景
- 内容可以更广泛的被不同设备访问
- 利于搜索引擎的搜索
- 便于维护网站，提升页面浏览的速度
web 标准的构成
主要包含 结构（html）, 表现(css)和行为(js) 三个方面！
- 「结构」：对网页标签元素的整理与分类，语义化标签的html
- 「表现」：网页元素的排版，文字颜色，字体大小等等
- 「行为」：网页模型的交互
对于标准化而言，就是将三方面进行拆分；
Html 的语法规范
html也成为超文本标记语言， 对于文本标记， 那很简单，就是由一堆标签组成， 在标签中添加文本，属性，以及图片等等； 由这些标记标签组合起来的就是一个html, 而对html也是有一个语法规范，即：由<开始到>结束， 大部分情况是成对出现的， 部分标签是单个的；
对于标签的关系无非就俩种， 一个包含， 一种并列； 包含很好理解，就是一个父标签里面可以有多个子标签，这样的集合叫做包含，而并列，那就是一个父标签并列的有兄弟标签，可以参考以下html标签；
<!-- 这种情况是包含 -->
<div>
<p>
<span></span>
</p>
</div>
<!-- 这种情况是并列 -->
<div></div>
<p></p>
<span></span>
html基本结构标签
- 「html」标签：网页中最大的标签， 成为根标签
- 「head」标签：网页的头部标签 需要设置title
- 「title」标签：网页的标题
- 「body」标签：身体部分，页面的内容
<html>
<head>
<title>website title</title>
</head>
<body></body>
</html>
<!DOCTYPE> 标签
文档类型的声明标签， 就是告诉浏览器用的哪种html的版本来显示网页的；
<!DOCTYPE html> 告诉浏览器，采取的是html5最新版本来显示的；
该代码需要写在文件的首行！
lang语言
定义当前文档的显示语言「en：英文 or zh-CN：中文」， 定义中文可以编写英文， 定义写英文也可以显示中文，对于浏览器仅仅作为提示，在搜索引擎有 一定的作用；
charset 字符集
字符集，便于浏览器能够识别和存储各种文字； 如果不声明的情况可能会出现乱码问题！
<meta charset="UTF-8">
语义标签，即标签的含义
为什么要用到语义标签？
拿个例子🌰来说吧， 就是网页中显示了一段文字， 但是这段文字一眼看上去就是密密麻麻的一堆，没有段落显示，也没有标题，让人看起来很难受；
而这时，我需要对这段文字进行优化，要显示不同的段落，标题，这里就体现出了语义标签的优点，更清晰明了的展示了内容模块，有标题，段落看上去 更舒服；即：在合适的地方添加一个合理的标签， 可以让页面结构更清晰！
标签的整理
标记标签的整理
对于标签的理解以及使用，我会以文档的形式进行记录，以下标签已整理：