青训营笔记

前端与HTML | 青训营笔记

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

本堂课介绍了前端的基本含义，Web技术栈，开发环境，DOM树，HTML语法，输入语法，语义化等内容。

前端：

是工程师利用Web技术栈解决多端图象交互问题。具体来说有以下几个方面。解决GUI人机交互问题；跨终端，PC/移动浏览器，客户端/小程序，VR/AR等；Web技术栈。

前端技术栈：

开发环境：

浏览器和编辑器

HTML介绍：

HyperText Markup Language（HyperText：代表图片、标题、链接和表格。 Markup Language：代表文章标题）

DOM树:

HTML语法：

标签和属性不区分大小写，推荐小写

空标签可以不闭合，比如input 、meta

属性值推荐用双引号包裹

某些属性值可以省略，比如required 、readonly

标题区分：

dd：具体内容

href：跟链接挂钩

alt：代替性语句

src：属性名

........

输入语法：

Checkbox：用户多个选择

Radio：用户限制一个选择

Select：下拉选择

List：自由输入

Blockqute：长引用

Const：短引用

Strong：强调（紧急事件）

Em：强调（语气重）

.........

语义化介绍：

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

如何做到语义化。了解每个标签和属性的含义；思考什么标签最适合描述这个内容；不使用可视化工具生成代码。

语义化的好处：代码可读性；可维护性；搜索引擎优化；提升无障碍性。

感想：

    今天学习的都是基础性的概念，了解了前端的主要是解决什么问题和应用。感觉还好，还能跟上老师的步伐，感觉还不错。