前端与HTML | 青训营笔记

50 阅读2分钟

青训营课程笔记 这是我参与【第五届青训营】伴学笔记创作活动的第一天。本节课的知识要点有前端概览与HTML。本堂课主要介绍了什么是前端,前端的技术栈,前端的边界,前端的关注点,HTML简介,HTML语义化,常用标签。 通过本次的前端与HTML的学习,我总结了以下十点内容: 1、  前端工程师定义:前端工程师是使用web技术栈解决多端图形页面交互问题的工程师。

2、  前端技术栈的内容;前端技术栈包括html(内容)、CSS(样式)、JavaScript(行为)。

3、  前端应关注的7个方面:功能、性能、美观、安全、兼容、无障碍、体验。

4、  前端的开发环境:浏览器和编辑器。

5、  HTML语法: (1)标签和属性不区分大小写,推荐使用小写

          (2)空标签可以不闭合(如input和meta)

          (3)属性值推荐使用**双引号**包裹起来

          (4)某些属性值可以忽略,比如required、readonly

6、HTML中的元素、属性及属性值都拥有某些含义

7、开发者应遵循语义来编写HTML

8、有序列表用 ol   无序列表用 ul  lang属性表示内容所使用的语言

9、语义化的好处;代码可读性、可维护性、搜索引擎优化、提升无障碍性

10、如何做到语义化:了解每个标签的属性和含义(mdn文档)、思考什么标签最适合描述内容、不使用可视化工具生成代码 总结:基于本次学习,我对前端有了更多的了解与认识,懂得了一些基本的与前端相关的知识,同时也明白了我需要学习的还有很多,我需要每天坚持学习,不摆烂,多抽出一些时间学习看与前端相关的文章,同时,我也会抽出时间使用visual stdio进行一些课程中涉及的一些html的编写,毕竟还是实操来得更加实际,也更能加深我的印象。