- 前端的定义
对于网站来说，通常是指网站的前台部分，包括网站的表现层和结构层。浏览器、APP、应用程序的界面展现和用户交互就是前端。前端工程师通过前端技术完成界面设计,界面制作，用户交互，网站维护、网站优化等等。
- 前端技术栈
Html+Css：HTML定义了网页内容的含义和结构。CSS是一种样式表语言，用来描述 HTML 或 XML文档的呈现。
javascript：JavaScript ( JS ) 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。
- 前端应该关注哪些方面？
功能，安全，体验，无障碍，性能，兼容，美观，用户体验。
- 前端的开发环境
基本的浏览器和编辑器。
- HTML是什么？
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>
DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义来解析文档。 <!doctype html>声明必须是 HTML 文档的第一行。
<html></html>可告知浏览器其自身是一个 HTML 文档。限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
<head> 标签用于定义文档的头部，它是所有头部元素的容器。描述了文档的各种属性和信息，包括文档的标题,在 Web 中的位置以及和其他文档的关系等。 <head> 中的元素可以引用脚本,指示浏览器在哪里找到样式表等等。
<meta> 可提供有关页面的元信息,位于文档的头部。
<title> 标签定义文档的标题，在所有 HTML 文档中是必需的。title标签只能在head标签内出现；title的内容可以方便搜索引擎索引页面。
<body>标签定义文档的主体。包含文档的所有内容，比如文本、超链接、图像、表格和列表等等。
<h1> 与</h1>之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
- HTML语法
标签和属性不区分大小写，但推荐小写。
空标签可以不闭合，比如：input,meta。
属性值推荐用双引号包裹。
某些属性值可以省略，比如：required,readonly。
-
HTML语义化好处
1.代码可读性
2.可维护性
3.搜索引擎优化
4.提升无障碍性
