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

本堂课重点内容

介绍了前端的相关概念
HTML的基本概念以及常用的标签
HTML语义化

本堂课详细知识点

前端介绍

什么是前端

前端是连接用户和服务器的窗口，把服务器发来的数据按照用户希望的方式尽可能美观高效地展现给用户，前端开发主要是解决跨终端人机交互问题

核心技术栈

HTML:主要负责页面的结构和内容
CSS:控制页面的样式，如位置，大小，颜色等
Javascript:控制页面的逻辑行为，响应用户的操作

HTML

什么是HTML

Hyper Text Markup Language(超文本标记语言)，简称HTML，是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，通过标签来展示，浏览器即可读取和显示。

HTML结构

当服务器把HTML文件发给用户时，用户的浏览器渲染引擎会将该文件解析为DOM树，然后通过一系列操作最终以图形化界面呈现给用户

HTML 语法

标签和属性不区分大小写，推荐小写
空标签可以不闭合，比如 input、meta
属性值推荐用双引号包裹
某些属性值可以省略，比如 required、readonly

HTML 标签

标题 h1 ~ h6, 段落 p

列表ol,ul,dl

有序列表ol>li
无序列表ul>li
定义列表dl>dt/dd

链接 a

多媒体img,audio,video

输入input

语义化

语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解。

HTML中的元素、属性及属性值都拥有某些含义
开发者应该遵循语义来编写HTML
有序列表用 ol；无序列表用 ul
lang 属性表示内容所使用的语言

语义化的优点

代码可读性
可维护性
搜索引擎优化
提升无障碍性

总结

这节课介绍了前端的基本概念，以及HTML相关的基础知识，基本的一些标签，以及语义化相关内容。老师讲得非常系统易懂，把我以前不太懂的地方解释得很清楚，让我对前端的了解更加透彻。基础不牢，地动山摇，虽然后面还会学习很多框架，但是HTML是必须要牢牢掌握的。

【青训营】HTML基础