这是我参与「第五届青训营 」伴学笔记创作活动的第1天
1 什么是前端？
- 解决人机交互问题
- 跨终端
- Web技术栈
总结起来就是：前端工程师是使用Web技术栈解决多端图形用户界面交互问题的工程师
2 HTML
HTML全称为HyperText Markup Language，即超文本标记语言，所谓超文件就是一种组织信息的方式，它通过超级链接方法将文本中的图片、标题、链接、表格等信息媒体相关联。标记则是通过一系列标签将分散的资源连接为一个逻辑整体。HTML负责页面整体结构的搭建。
一个简单的HTML例子
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>一级标题</h1>
</body>
</html>
在这段简单的例子中,下面这句声明当前使用的HTML是什么样的版本，写了这句话浏览器会使用HTML5的规范去渲染页面，如果不写的话，浏览器则会以一种比较老的怪异模式去渲染页面。
<!DOCTYPE html>
html是整个网页的根标签，它包含了很多的子标签，如head、body等等。在网页中，通过head标签向浏览器提供一些元数据，这些数据并不是展示给用户看的，而是给浏览器看的，其中meta标签的charset属性可以告诉浏览器使用utf-8的编码来解析页面。
真正展示在页面中给用户观看的是我们写在body标签中的内容，这个简单例子中使用了h1标签对字体进行了包裹。
语义化
在开发中，我们应该进行避免使用一些无语义的标签，而尽量使用一些有意义的标签如：aside、header、footer，这些标签都具有某些含义。那我们为什么要尽量使用语义化标签呢？使用语义化标签可以提高代码的可读性，方便对代码进行维护。同时，浏览器会根据页面的语义化程度评判这个网站，语义化程度如果较高的话可以提高网站在搜索引擎中的自然排名。
