这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天。以下是我根据课程内容整理的笔记。
课堂笔记
课程重点
- 前端工作的定义
- 前端技术栈拆解与分析
- HTML 作用解析
- HTML 语义化
笔记内容
什么是前端
前端就是创建web页面和APP（例如微信、支付宝等）前端界面呈现给使用者的过程，通过HTML、CSS、JS以及繁衍出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。相对于传统网页制作的要求更多，不仅要熟悉基本技能，还要熟悉服务器请求，熟悉一种服务器语言
上面是我结合各种概念得出来的，但是上了前端与HTML这门课程，心里有了一个明确的概念，前端其实就是解决GUI人机交互问题，跨终端以及各种Web技术栈的集合体。
HTML是什么
HTML是HyperText Markup Language首字母的缩写，就这门课程而言，HTML是超文本和标记内容的结合，而超文本中包括了图片，标题，链接，表格等。它是一种相当简单的、由不同元素组成的标记语言，它可以被应用于文本片段，使文本在文档中具有不同的含义。
HTML语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如required、readonly
语义化标签
语义化是什么？
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
- 有序列表用o;无序列表用u川
- lang属性表示内容所使用的语言
谁在使用我们写的HTM
- 开发者-修改、维护页面
- 浏览器·展示页面
- 搜索引擎-提取关键词、排序
- 屏幕阅读器~给盲人读页面内容
如何做到语义化？
- 了解每个标签和属性的含义
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码
结语
通过本次课程的学习，真的收获到了许多，以前对一些比较模糊的知识点也逐渐的清晰了起来。
