HTML
基础认知
- 网页的组成
- 文字、图片、音频、视频、超链接
- 网页的背后的本质
- 前端人员代码展示
- 前端代码通过什么转化过来的
- 通过‘浏览器’转化（解析渲染）成用户看到的网页
浏览器
1.2.1五大浏览器
- 浏览器:网页显示、运行的平台，前端开发必备的工具
- 常见的五大浏览器：IE、火狐、谷歌、Safari浏览器、欧朋浏览器
- 占有率：谷歌最高
1.2.2渲染引擎
- 渲染引擎：浏览器中专门对代码进行解析渲染的部分
- 不通浏览器对应的不通渲染引擎
| 浏览器 | 内核 | 说明 |
|---|---|---|
| ie | trident | ie、猎豹、360极速 |
| firefox | gecko | 火狐浏览器内核 |
| Safari | webkit | 苹果浏览器内核 |
| Chrome/opera | blink | blink其实是webkit的分支 |
注意点：
- 渲染器的不同，导致解析相同代码的时候速度性能效果也不一样
- 谷歌渲染最快最好，最后用户喜欢。
web 标准
1.3.1web标准的构成
- web标准
| 构成 | 语言 | 说明 |
|---|---|---|
| 结构 | html | 页面元素和内容 |
| 表现 | css | 网页元素的外观和位置等页面的样式 |
| 行为 | js | 页面模型的定义与网页交互 |
HTML
html感知
- HTML：超文本标记语言
<strong>加粗标记</strong>
html骨架结构
- 网页的大体格式
- html标签：网页整体
- head标签：网页头部
- body标签：网页身体
- title标签：网页标题
<html>
<head>
<title>网页的标题</title>
</head>
<body>
网页的主题
</body>
</html>
html开发工具
vscode
html代码
- html 注释 ：< !-- -->
- vscode 中注释快捷键：ctrl+/
- 标签关系
- 父子关系
<head> <title></title> </head>- 兄弟关系
<head></head> 和<body></body>
