这是我参与「第五届青训营」伴学笔记创作活动的第一天。
一、本堂课的重点内容:
1、前端工作的意义;
2、前端技术栈拆解与分析;
3、html作用解析;
4、html语义化。
二、详细知识点介绍:
(1)什么是前端:
☞解决GUI人机交互问题
☞跨终端(PC/移动浏览器,客户端/小程序,VR/AR等)
☞Web技术栈
(2)前端技术栈:
☞javascript(行为) 网络协议
☞CSS(样式) 《==========》 服务器端
☞HTML(内容)
(3)前端开发过程中应该关注的方面:
☞美观,功能,安全,兼容,性能,体验,无障碍
(4)HTML(HyperText Markup Language)超文本标记语言
(5)HTML语法:
☞标签和属性不区分大小写,推荐小写
☞空标签可以不闭合,比如,input,meta等
☞属性值推荐双引号包裹
☞某些属性值可以省略,比如required,readonly等
(6)语义化含义:
☞HTML中的元素,属性及属性值都拥有某些含
☞开发者应该遵循语义来编写HTML
(7)语义化的好处:
☞ 代码可读性
☞ 可维护性
☞ 搜索引擎优化
☞ 提升无障碍性
(8)如何做到语义化:
☞了解每个标签和属性的含义
☞思考什么标签最适合描述这个内容
☞不可使用可视化工具生成代码
三、课后个人总结
这是我参与「第五届青训营」伴学笔记创作活动的第一天,学习前端与HTML的基础知识,这是前端入门必修课开篇之作。对于有前端开发基础的我,这部分内容使我复习巩固了知识,也让我认识到以前开发过程中忽略到的一些功能方面的问题,以及更深刻理解了什么事语义化以及它的好处和实现。再接再厉,虽然学过但是内容还是值得再次学习。