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

1.本堂课重点内容

本堂课的主要知识点介绍了什么是前端，以及学习前端所需要的技术栈、后续学习前段需要关注哪些方面、前端的开发环境、HTML的含义、语义化标签的作用及其好处。下面我们详细介绍以上所学的知识点。

2.知识点详细介绍

2.1什么是前端？
    前端的官方定义为：前端就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户的网页，也就是解决GUI人机交互问题的跨终端（PC/移动浏览器,客户端/小程序，VR/AR等）的的Web技术栈。
2.2学习前端所需要的技术栈有哪些？
    大家都知道学习前端离不开三大件：结构(HTML)、样式(CSS)、行为(JavaScript)通过网络协议来和服务端进行交互。
2.3后续学习前段需要关注哪些方面？
    前端说到底也算是一个服务行业，致力于提供给用户良好的体验，所以在功能方面一定要满足客户的需求，而且页面也要做的美观留给用户一个美好的观感，另外在无障碍方面也要增强考虑到多种因素例如（让观看有障碍也能达到无障碍阅读，在不同环境下达到最舒服的体验等），在安全上也要注意保护用户的安全防止例如（XSS、crxs）攻击等，同时也要考虑多种的兼容问题和优化体验感，给用户最极致的体验。
2.4前端的开发环境
    使用市面上使用率高的浏览器（Chrmoe、FireFox、IE）但是编写代码注意浏览器（IE）的兼容问题，开发工具有VSCode、WebStorm等。
2.5HTML的含义
    HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。包括图片标题链接表格，主要编写网站的结构。`<img src="xxx.jpg"/>` src为属性名，src后面的路径为属性值，（类似于<xxx />这种形式称为闭合标签。）
2.6语义化标签的作用及其好处
在html中的元素、属性及属性值都有某些含义，开发者应遵循语义来编写html，例如有序用ol，无序用ul，lang属性表示内容所使用的语言等，使用语义化标签的好处：代码可读性高、可维护性高、提升无障碍性、搜索引擎优化

3、总结

   开营第一天的内容相对比较简单，也算是把之前所学过的内容复习了一遍，在后续的一定要多敲多练，多总结。