这是我参与「第五届青训营 」伴学笔记创作活动的第1天
# **本堂课重点内容：** 1. **前端要解决的基本问题**
2. **什么是** **HTML**
3. **语义化是什么？有什么好处？如何做？**
前端要解决的基本问题
前端要解决的基本问题，如老师所阐述的：用web技术栈解决GUI人机交互问题，前端技术栈主要构成：JavaScript（行为）、CSS（样式）、HTML（内容）这三样，通过HTTP（网络协议），与服务器端进行“双向奔赴”。
除了能完成任何界面的交互和基本需求以外，还要考虑无障碍、性能、兼容性、代码可维护性、语言变现分离、安全等问题。
今天，前端人需要面对广泛而不断变化的生态系统，开发多种多样的技能；需要掌握众多工具、库和框架，所以必须还要不断学习快速发展的前端新知识与技术，将这些问题进行妥善优化，提高质量与效率。
HTML
HtML，超文本标记语言，专门设计和编辑网页的。它不是编程语言，也没有逻辑处理能力，没有计算能力，不能动态生成内容，只能静态地展示网页信息，意思也就是HTML传达的是内容，而不是样式。
例如我们打开的每一个网页，其实都是一个HTML文档，使用浏览器访问一个链接（URL），说白就是下载、解析和显示HTML文档的过程。将众多HTML文档放在同一个文件夹中，对外提供访问权限，就会构成一个网站啦！
当我们的浏览器拿到HTML，就像种子播到土壤之中，它会在浏览器这片土壤中，解析生成一颗DOM树。
HTML通过不同的标签来标记不同的内容，格式，布局等，例如：
<!doctype html>告知浏览器html版本，进行页面渲染；
<img> 标签表示一张图片；
<a> 标签表示一个链接；
<table> 标签表示一个表格；
<input> 标签表示一个输入框；
<p> 标签表示一段文本；
<strong> 标签表示文本加粗效果；
<div> 标签表示块级布局。
语义化是什么？
-
HTML中的元素、属性、及属性值都拥有某些意义 -
开发者应遵循语义进行编写代码 -
-
有序列表用ol，无序列表用ul
-
-
-
Lang属性表示内容所使用的语言
-
使用语义化的好处：
增强代码可读性；可维护性；搜索引擎的优化；提升无障碍性
如何做到语义化：
- 了解每个标签的属性和含义
- 思考什么标签最审核描述这个内容
- 不使用可视化工具生成代码
