对HTML的再学习与再理解 | 青训营笔记

53 阅读2分钟

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

前言

本人刚上上大学受身边的同学朋友的影响,早早就入门学习前端了。所以对于HTML来说还算是比较熟悉的,但是认真听完这节课之后,我发现温故而知新这句谚语还真不是孔子瞎说的,对于自己来说还算是收获颇丰吧。

知识要点

这节课主要从头到尾帮我们梳理了一遍HTML到底是用来干嘛的,什么是HTML,什么是前端等等。我略微的梳理一下课上讲的知识点。

前端

是为了解决人机交互问题,前端工程师使用web技术栈解决多端图形用户交互问题。前端技术栈分为HTML,CSS,JS。前端工程师应该关注页面开发是否美观,功能是否齐全,是否无障碍等等。

HTML

HyperText Markup Language超文本标记语言

DOM树

HTML代码可以转换成树形结构,每一个节点都是标签,根结点为<html>

HTML语法

1.推荐小写,但不区分 2.空标签可以不闭合 3.属性值双引号包裹 4.某些属性值可省略

各标签的解读

这里就不在赘述了直接上链接www.runoob.com/

页面结构

新了解到的有article,aside.前者用来放主体部分的文章内容,后者一般可以放一些小新闻等等。

语义化

HTML中的元素、属性以及属性值都拥有某些含义 开发者应该遵循语义来编写HTML

谁在使用

开发者 浏览器 搜索引擎 屏幕阅读器

个人理解

说实话,看了整个视频下来,让我印象最深刻的就是注意代码的语义化了,这也是讲师一直在强调的一个点。我平时编写代码都不太习惯语义化编写,都习惯性的用div涵盖所有。原来这会给那么多使用者带来不便,开发者不能一眼看明白你的标签用意,以及不方便配合搜索引擎进行查找工作等等。没有语义化的代码像是一盘散沙估计以后都不会忘记语义化编码了哈哈哈。