这是我参与「第五届青训营」伴学笔记创作活动的第1天。这节课我「入门」了前端和HTML。

前端

为什么叫前端

如果说后端主要与数据交互的话，那么前端更注重与「人」的交互。不单是在谈论网页，而是在讲其一切可能的载体，如PC/移动浏览器、客户端/小程序，甚至时兴的VR/AR中，都能看到前端的身影。

前端要用哪些工具

HTML、CSS、JavaScript被称为前端三件套，但这并不是前端的全部。诸如Node.js、Electron等工具的出现，让前端有了更多可能。

前端要关注什么

功能性、性能、兼容性、美观程度、用户体验、安全性等。

HTML

为什么叫HTML

HTML全称HyperText Markup Language，超文本标记语言。

HyperText，或者说「超文本」，指页面的内容形式不止文本，还包括图片、声音、视频等形式。而之所以称其为一门「标记语言」，是因为其与「编程语言」不同，其中不包含执行逻辑，而是展示结构。

使用何种标记方式

HTML与XML（EXtensible Markup Language，可扩展标记语言）采用相同的标记方式。使用一对尖括号包围的关键词作为标签来标记内容，通常类似这样：<h1>我是一个一级大标题(Heading 1)。</h1>。在开始标签内部，可能含有属性值，其以键值对的形式出现，如：<img src="./an-image.jpg">。

HTML标签的语义化

HTML遵循这样一个方向：标签更应说明语义而不是格式，这一点通过<b>、<small>、<font>等格式标签的弃用就能看出。HTML5推荐使用<em>、<strong>、<nav>等具有明显语义色彩的标签，并且提供了实用的表单、媒体控件，以及一系列实用的属性。

总结

「前端入门 - 基础语言篇」的第一课是前端和HTML，虽然只有43分钟的时间，但能有侧重地讲解前端基本概念，比如前端技术栈的构成、HTML的基本语法和基础功能，以一种更加系统的方式，带领我重新走进了前端。