常见的浏览器：
渲染引擎
渲染引擎（浏览器内核）：浏览器中专门对代码进行解析渲染的部分
浏览器不同则内在渲染引擎也不同。
渲染引擎不同，代码解析代码速度，性能和效果也不同。
HTML基础
Web标准：结构（网页元素），表现（外观样式），行为（交互）
前端三要素：HTML，css ，JavaScript
结构，样式，行为相分离。
www标准制定，浏览器是标准的实现方，开发者
开发者写代码，在浏览器上进行测试。
1. html5
超文本标记语言
解释型标签语言
-
运行机制
- 开发pc - 部署pc - pc-浏览器 file:// 【开发阶段】（在本地进行编码）
- 开发pc - 部署云服务 - pc-浏览器 http://
B/S架构 b浏览器(html、css、js) s服务器
-
超文本:
超级文本：字符，超级链接，图片，音频，视频，画布（地图、图表、3D模型） -
标记：
标签进行标记， html标签（无法使用自定义标签） -
语言：
c、java 为编译型语言 ，
执行过程：
hello.c --gcc–> hello.o --运行–>linux
Hello.java --javac–> Hello.class --运行–> jvm --> linux/win
html、js、css 为 解释型语言，
执行过程：
hello.html --> 浏览器 -> linux/win
执行效率：c > java > HTML/css/Javascript
但是只有HTML/css/Javascript可以直接在浏览器中运行
2. 工具
vscode(koroFileHeader)
3. 前端地位
软件开发主流架构（前后端分离）
-
前端(html、css、js)
浏览器（终端）显示
pc（淘宝pc）， 移动端（android/ios/pad h5、混合式app），小程序， 大屏 -
后端(Java / python / c# / Nodejs)
逻辑（登录、注册），数据库操作，中间件操作（消息队列…）
4. html结构
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
</html>
- < ! DOCTYPE htm l > 文本类型声明标签，告诉浏览器使用HTML版本来展示网页
- lang 代表网页的语言种类，用于搜索引擎归类和浏览器分类，en 代表英文网页，zh-CN 代表中文网页
- head中的内容无法显示到浏览器视口中（在审查元素时，head显示为灰色）
- charset 标识网页的字符编码格式，规定在HTML文档中应该使用哪种字符编码，UTF-8 为万国码，浏览器应该使用UTF-8 标准解码
保存和打开的字符编码格式需相同，否则可能会导致出现乱码
常见的字符编码格式：
UTF-8：万国码，国际化的字符编码，收录了全球语言的文字
GB-2312：6000+汉字
GBK：20000+汉字
开发中统一使用UTF-8字符编码格式 - viewport 适配移动端
- title 网页标题，显示在选项卡中
5. 标签
标签是不区分大小写的
- 单标签
- 双标签
6. 元素
元素=标签 + 内容
<h1>这是一个一级标题</h1>
<div>
<div id="one" class="logo">logo</div>
<div class="menu">menu</div>
</div>
7. 属性
属性位于开始标签中
-
核心属性（通用，绝大多数标签都具有的属性）
id 唯一标识（唯一区分标签的属性）
class 分类，可以重复
title 悬浮提示
style 添加css规则的 -
自有属性（某些标签特有的属性）
<img src="" alt=""></img>
<a href="https://www.baidu.com" target="_blank">百度一下，你就知道</a>
例如：img标签的src和alt属性
a标签的href和 target属性
8. 注释
<!-- 注释内容 -->
快捷键： Ctrl+ /
不会被浏览器解释，注释是用来描述代码含义。
9. 实体
& nbsp :空格
& gt : 大于号
& lt :小于号
面试题：
1. 访问百度/淘宝，浏览器-页面渲染出来中间经历了什么？
2. h5 与h4区别？
标准不同： doc声明不同
h5新增标签
h5新增api
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
