这是我参与「第五届青训营」伴学笔记创作活动的第1天。
一、本堂课重点内容:
- 前端技术栈
- HTML语法
- 语义化——好处&实现方法
二、详细知识点介绍:
- 前端技术栈:
- HTML控制内容,CSS控制样式,JavaScript控制行为
- HTML语法:
- 基本是对各级标题,链接,列表等网页组成部分的介绍,由于在报名基础课程前已学习过对应内容,本堂课此部分内容更像是复习性质
- 除了常规语法外,关于HTML语法,课程中提到了几点特别的注意事项,包括:
- 1.属性和标签不区分大小写,但推荐小写
- 2.像input之类的空标签可不闭合
- 3.属性值用双引号包裹
- 等等
- 语义化——好处&实现方法:
- 语义化:HTML中元素、属性及属性值都有某些含义,在我们进行开发时,要遵从语义编写HTML
- 这样做会有诸如提升代码可读性、提升代码可维护性等一系列好处,重点是传达内容,而不是样式
- 要做到语义化,就需要我们熟悉HTML各种标签的特点并根据需要选择最适配的那种标签进行编写,切勿使用可视化工具直接生成代码
三、个人思考和总结:
- 相对而言,第一节掘金课的内容还是相对基础的,总共40多分钟的课程将前端的概况和HTML介绍的很精炼
- 对我而言,最大的收获是加深了我对语义化这一概念的理解,在我之前通过网课自学H5的时候,有一个我印象很深的例子,当时在学到div标签的时候老师就举例,很多人在学了div标签之后就喜欢什么东西都往div里面塞,一个网页全部是由大大小小的div构成的,而这是一种不良的习惯。显然,类似这样的行为违背了遵从代码语义化的规范,为后续的代码维护造成了麻烦。