1. 前端开发主要技术
（1）HTML5：搭建网页结构的语言，增加了很多移动端的支持。
（2）CSS3:样式表，美化网页的语言，增加了很多动画、过渡等新特性。
（3）JAVAScript:前端开发工程师最重要的语言。
（4）Vue.js和React.js:从2016年开始兴起的前端框架，采用模块化开发、数据驱动、声明式编程。
2. HTTP协议
（1）HTTP协议（超文本传输协议）是互联网数据传输的常见协议。
（2）一次HTTP事务由“HTTP请求”和“HTTP响应”构成。
（3）网址前的http://就表示用http协议请求页面。
3. 何为HTML
HTML 是用来描述网页的一种语言。
● HTML 指的是超文本标记语言: HyperText Markup Language
● HTML 不是一种编程语言，而是一种标记语言
● 标记语言是一套标记标签 (markup tag)
● HTML 使用标记标签来描述网页
● HTML 文档包含了HTML 标签及文本内容
● HTML文档也叫做 web 页面
4. 第一个网页
一个简单的网页组成如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一个网页(runoob.com)</title>
</head>
<body>
<h1>我的第一个网页</h1>
<p>无中生有</p>
</body>
</html>
DOCTYPE 标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标
记语言解析器，它应该使用什么样的文档类型定义来解析文档。 表示网页采用html5 ，
html文件是纯文本的。
<! DOCTYPE html>声明必须是 HTML 文档的第一行，位于 html 标签之前 。
中文编码需要在头部将字符声明为 UTF-8 或 GBK。
● <! DOCTYPE html> 声明为 HTML5 文档
● < html> 元素是 HTML 页面的根元素
● < head> 元素包含了文档的元（meta）数据，如 < meta charset="utf-8"> 定义网页编码格
式为 utf-8。
< head > 标签被看做是网页的头，里面通常会有 title、meta、style 、link 、script 这几种标签。
● < title> 元素描述了文档的标题，title 比较简单，就是在窗口处显示网页的名称，也是搜索引擎收录网站时显示的标题。
● < body> 元素包含了可见的页面内容
● < h1> 元素定义一个大标题< /h1>，应将重点内容放到其中，< h1>< /h1>标签一般只能放置一个，否则会被搜索引擎视为作弊。
● < p> 元素定义一个段落< /p>
● HTML 链接是通过标签 < a> 来定义的,< a href="www.abc.com">这是一个链接< /a>
● HTML图像是通过标签 < img> 来定义的
例如：< img decoding="async" src="/images/logo.png" width="258" height="39" />
5. 标签
（1）HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
● HTML 标签是由尖括号包围的关键词，比如 < html>
● HTML 标签通常是成对出现的，比如 < b> 和 < /b>
● 标签对中的第一个标签是开始标签，第二个标签是结束标签
● 开始和结束标签也被称为开放标签和闭合标签
（2）段落标签
< p>< /p>标签表示段落标签，任何段落都要放在
标签中，因为HTML中即使代码换行了，页面显示效果也不会换行。(3) div标签
< div>< /div>标签对用来将相关的内容组合到一起，以和其它内容分割，使文档结构更清晰。
网页的头部要放到一个< div>< /div>标签对中，轮播图也要放到一个< div>< /div>标签对中，文章内容也要放到一个< div>< /div>标签对中。
< div>< /div>标签结合CSS使用，实现网页的布局，这种布局形式叫做“DIV+CSS”
< div>标签可以添加class属性表示“类名”，类名服务于CSS
区域 类名
页头 header
logo logo
导航条 nav
横幅 banner
内容区域 content
页脚 footer
6.HTML元素
"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思，但是严格来讲, 一个 HTML 元素含了开始标签与结束标签。
如下实例:
HTML 元素:
< p>这是一个段落。< /p>
7. SEO
搜索引擎优化，利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名，合理设置
网页的关键词和页面描述，让网站在搜索引擎的结果中占据领先地位，获得品牌收益。
用meta标签设置网页关键词和描述，name属性非常关键，用来设置meta的具体功能。
< meat name = "Keywords" content="">
< meat name = "Description"content="">
8. HTML5特性
（1）空白折叠现象
文字和文字之间的多个空格、换行会被折叠成一个空格。
标签“内壁”和文字之间的空格会被忽略。
(2) 转义字符
常见转义字符(字符实体)：
(使用时去掉空格，这是为了不让文档转换而后续加上的)
& lt; 小于号
& gt; 大于号
 ；空格(不会被折叠)
& copy; 版权符号
(3) HTML注释
为日后再阅读代码或者他人阅读代码提供提示
HTML的注释语法如下 < !-- -->
