这是我参与「第五届青训营 」伴学笔记创作活动的第 1天
今天学习的内容主要围绕前端是什么、要解决的问题和技术栈等。也会介绍 HTML 的概念、语义化和常用的 HTML 标签。
一、本堂课重点内容：
- 前端工作的定义
- 前端技术栈拆解与分析
- HTML 作用解析
- HTML 语义化
二、详细知识点介绍： 1、什么是前端？ - 解决GUI人机交互问题 - 跨终端：ＰＣ／移动浏览器、客户端／小程序、ＶＲ／ＡＲ等 - Ｗｅｂ技术栈 ２、前端技术栈 - ＪａｖａＳｃｒｉｐｔ（行为） - ＣＳＳ（样式） - ＨＴＭＬ（内容） ３、前端应该注意哪些方面？ - 功能 - 美观 - 无障碍 - 安全 - 性能 - 兼容 - 体验 ４、ＨＴＭＬ是什么 - ＨｙｐｅｒＴｅｘｔ（图片标题链接表格） Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ（＜ｈ１＞文章标题＜／ｈ１＞） ５、ＨＴＭＬ语法 - 标签和属性不区分大小写，推荐小写 - 空标签可以不闭合，比如ｉｎｐｕｔ、ｍｅｔａ - 属性值推荐用双引号包裹 - 某些属性值可以省略，比如ｒｅｑｕｉｒｅｄ、ｒｅａｄｏｎｌｙ ６、语义化是什么 - ＨＴＭＬ中的元素、属性及属性值都拥有某些含义 - 开发者应该遵循语义来编写ＨＴＭＬ - 有序列表用ｏｌ、无序列表用ｕｌ - ｌａｎｇ属性表示内容所使用的语言 ７、谁在使用我们写的ＨＴＭＬ - 开发者－修改，维护页面 - 浏览器－展示页面 - 搜索引擎－提取关键字、排序 - 屏幕阅读器－给盲人读页面内容 ８、语义化的好处 - 代码可读性 - 可维护性 - 搜索引擎优化 - 提升无障碍性 ９、如何做到语义化 - 了解每个标签和属性的含义 - 思考什么标签最适合描述这个内容 - 不使用可视化工具生成代码
三、实践练习例子：
`
四、课后个人总结：
今天的课程内容主要围绕“前端要解决的基本问题”及“什么是 HTML ”两个基本问题展开，层层解析前端技术栈的构成，以及作为前端最为基础的技术 - HTML 基础语法和基本功能，在实际研发过程中如何做到 HTML 语义化。今天收获到很多，是收获满满的一天。
