这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天

1 什么是前端

解决GUI人机交互问题

跨越端(如PC浏览器和客户端小程序)

WEB技术栈

2 什么是前端技术栈

前端技术栈是指所有辅助前端技术运行的技术，包括浏览器端的应用开发技术（HTML, CSS, 浏览器JS，Flash，Activex, Applet 等技术），但是不完全与前端技术相同。

3 前端应该关注的方面？

功能、美观、无障碍、安全、性能、兼容、体验。

4 前端的边界

5 HTML

HTML全称为：HyperText Markup Language，其中HyperText表示超文本，即呈现内容除了文本外，还可以是图片、链接、表格。Markup Language是标记语言，用来表示超文本。

DOM树是一种结构，树是由DOM元素和属性节点组成的，DOM的本质是把html结构化成js可识别的树模型，有了树模型，就有了层级结构，层级结构是指的是元素和元素之间的关系父子、兄弟。

语法：

• 标签和属性常用的是小写，但其实是不区分大小写的。
• 空标签可以不闭合（input meta等）
• 属性一般用双引号包裹
• 某些属性值可以省略（例如属性的结果默认为true的可以省略）

6 语义化标签是什么？

我们平时使用DIV+CSS的布局，但是通过DIV+CSS布局的页面HTML文档不够清晰，不利于浏览器对页面的读取。

语义化标签的主要目的就是发挥标签和属性的用途及作用，通过标签本身的意义合作来优化HTML文档结构。

7 感想

第一次参加青训营，今天是第一天的课程，相对来说还是比较简单的，明白了一些新的理论知识，懂得了前端编写的时候怎么样传达主要的内容，才能方便其他人去查看，也复习了html的基础标签，一些有点模糊的标签都理清楚了（例如ol是有序列表，而ul是无序的）。