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

第一天我学习了前端的基础知识，对我个人而言，平时只是埋头苦学前端三件套(HTML+CSS+JavaScript)，只关注代码确实忽视了学习前端的根本，就是什么是前端，前端能给我们做什么，在今天的学习之后，我将学习到的知识点记录下来，也希望将输入的知识能够输出，更好的巩固自己的知识。

什么是前端？

要回答这个问题，我们先来过一下什么是HTML、CSS、JavaScript。

• HTML(HyperText Mark-up Language)，就是超文本标记链接，它是构建网页的基本，有了HTML，样式文件、脚本文件才有效果，一般来说会将HTML作为内容的展示、CSS作为页面美化、JavaScript作为定义操作，但是HTML还是能够提供一些基本操作的，<input> 、select等，这些基本操作还是能够实现的，能够让用户从页面输入信息并保存为后续操作使用。
• CSS(Cascading Style Sheets),就是层叠样式表，描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素，css支持行内样式、内嵌样式、链接式、导入式，有了CSS文件让页面样式变得更加好看，同时推荐使用链接式进行CSS文件引入，这样能够更好的管理。
• JavaScript用一句话来讲的话就是，Javascript控制了页面的行为，例如用户点击按钮会发生什么事情都是通过Javascript控制的。

总而言之，可以认为JavaScript控制行为、CSS控制页面样式、HTML控制页面内容。

我们可以试想打开浏览器并输入网址按下回车后会发生什么事情呢？实际上当我们输入网址之后，这个过程相当于请求html请求，当域名解析完成后，浏览器就会向服务器发起资源请求，当资源从服务器返回后，浏览器就能够通过获得的资源进行页面渲染解析内容，这里对于页面样式的渲染会使用到css资源文件，浏览器会在解析html文件时发现需要css外部链接时继续向服务器请求资源，有了内容、样式，我们也不能忘记同样重要的“行为”文件，也就是说我们用户还需要对页面进行一定的操作，光看不能用可不行；因此浏览器又会继续向服务器请求js文件，当所有需要的资源都有了，这个页面也算是加载完成了，我尝试画了下面的图来更加生动的解释这个过程。

前端应该关心哪些内容

• 功能
• 美观
• 安全
• 体验
• 无障碍
• 兼容
• 性能等

语义化是什么，为什么要语义化

通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解

为什么要语义化? 1. 语义化增加了代码的可读性 2. 增加了可维护性 3. 提高了无障碍行 4. 合理的语义化能够提高页面搜索效率，就是SEO(Search Engine Optimization),目的是让其在行业内占据领先地位，获得品牌收益.

以上仅是我浅显的理解结合网上的资料，这也是我的第一篇笔记，有错误希望大家指正批评，谢谢！