前端与HTML | 青训营笔记

418 阅读2分钟

这是我参与「第五届青训营」伴学笔记创作活动的第一天。

一、本堂课的重点内容:

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的基础知识,这是前端入门必修课开篇之作。对于有前端开发基础的我,这部分内容使我复习巩固了知识,也让我认识到以前开发过程中忽略到的一些功能方面的问题,以及更深刻理解了什么事语义化以及它的好处和实现。再接再厉,虽然学过但是内容还是值得再次学习。