浏览器内核
浏览器内核，相当于渲染引擎：负责读取网页内容，整理讯息，显示页面。
常见的浏览器内核：
| 浏览器 | 内核 |
|---|---|
| IE | Trident （百度浏览器、360急速浏览器） |
| firefox | Gecko(火狐浏览器内核) |
| Safari | Webkit（苹果浏览器内核 |
| chrome/opera | Blink（chrome/opera的内核。blink其实是webkit的分支。） |
国内一般浏览器采用blink/webkit内核。
web标准
web标准是由w3c（万维网）组织制定的一系列标准的集合。
因为浏览器不同，导致排版显示页面可能存在差异，统一web标准有很多好处
web标准的构成
结构：将页面元素进行整理和分类，html
表现：设置网页元素的样式，颜色，大小等外观样式，css
行为：网页模型的定义和交互的编写，javascript
结构
结构类似于身体，表现类似于衣服，行为类似于动作
HTML骨架解析
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
1、告诉浏览器，html版本，h5
2、告诉浏览器或搜索引擎，文档显示语言，en（英语），fr（法语），zh-CN（中文）
标签语义
根据标签的语义，在合适的地方给一个最合理的标签，可以让页面的结构更加清晰
比如：段落标签、标题标签、超链接标签
文本格式化标签
使文字加上一些特殊的效果：
- 加粗:
<strong>比<b>更强烈 - 倾斜:
<em>比<i>更强烈 - 删除线:
<del比<s>更强烈 - 下划线:
ins比<u>更强烈
div和span标签
没有语义，就是一个盒子布局
div表示分区，span表示跨区
img标签
src是img的必须属性
img的其他属性：
<img alt=""> <!--alt替换文本，图片显示不出来的时候用文字替换-->
<img title=""><!--title提示文本，鼠标放在图片上，显示出来的文字-->
<img width=""><!--修改宽度，像素值-->
<img height=""><!--修改高度，像素值，一般宽度和高度修改一个就好，另一个会等比缩放，同时设置容易压扁-->
<img border=""><!--设置边框，但一般在css中设置-->
相对路径和绝对路径
相对路径：
同级：
上级：…/
下级：/
绝对路径：注意是反斜杠
直达目标路径，通常是盘符下的路径或者是网络中存在的绝对地址
超链接标签
语法格式：<a>anchor意为：锚
| href | 指定url地址，（必须属性），当有href属性时就具有了超链接功能 |
| target | 用于指定链接页面的打开方式，_self为默认值（当前窗口）,_blank为新窗口 |
链接分类：
1、外部链接：如百度
2、内部链接：如本地页面
3、空连接：“#”
4、下载链接：href里面是一个文件或者压缩包
5、网页元素链接：可以将页面元素比如图片音乐视频设置成一个超链接
6、锚点链接：点击链接可以快速定位到页面中的某一位置
<a href="#1"> <!--别忘了在超链接处加#号-->
<h1 id="1">
特殊字符
常用的三种，其他可以临时查
空格：
小于：<
大于：>
扫一扫
4027
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
