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

#

前端

##

一、首先课程讲解了我一直以来忽略了的问题——什么是前端？

总的来说，前端就是使用web技术栈解决多端图形用户界面交互问题

## 二、前端技术栈

HTML用于页面结构和内容

CSS用于页面样式

JS定义网页行为

三者都是运行在浏览器里的，而浏览器可以通过http协议和服务器进行通信，它把前端代码通过http协议拿到之后渲染成我们看到的页面。

浏览器也可以把用户填写的内容或者用户的一些行为通过http协议提交到服务器端。

综上所述，HTML、CSS、JS和网络协议构成了前端最基础的技术栈

## 三、前端应该关心的问题？

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

HTML

＜！doctype html＞标记了当前所使用文件的HTML版本，浏览器根据这个决定使用哪一种渲染模式，若不写，浏览器会以一种老旧的方式渲染页面，导致页面展示效果和实际不符

html标签是文档的根标签

head标签内是页面的源数据，如：页面的标题、编码

body标签内是展示给用户的东西

HTML中的元素、属性及属性值都拥有某些含义，即语义化，我们应该遵循语义来编写HTML。因此，学习标签也是有技巧的，重点是记住每个标签的语义。简单理解就是指标签的含义，即这个标签是用来干嘛的。

根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。同时也有利于页面的修改、维护，展示页面，搜索引擎优化和无障碍提升等。（这里要注意的是无障碍不仅是针对残疾人的，在某些情况下也很有利于正常人的阅读和操作等。）

要做到语义化，不仅要了解每个标签和属性的含义，思考最适合的标签去描述相应的内容，还要注意不适用可视化工具生成代码。