这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天 什么是前端？这是老师在课程开始时问的一个问题，有三个要点，第一个就是解决GUI人机交互问题，第二点就是跨终端，不管是PC、移动浏览器、客户端、小程序等，第三点就是Web技术栈。 前端技术栈包括HTML（内容）、CSS（样式）、JavaScript（行为）三件套，运行在浏览器，通过HTTP协议传到服务端。 前端应该关注那些方面，总结来说有功能、美观、无障碍、性能、安全、兼容、体验。 HTML是什么？HTML（HyperText Markup Language）超文本标记语言，用标签和属性表示各种内容。 <! doctype html> 非常重要，他标记了当前html的版本，它会告诉浏览器以什么样的模式去渲染页面，如果没有的话，浏览器会以一种怪异的方式去渲染页面，这会导致预期的页面与实际不符。 标题标签

...

。列表标签

有序列表

无序列表

属性名

属性值

属性列表。链接标签href属性后跟要跳转的地址。图片标签。音频标签。视频标签。输入标签。下拉选择框。

块级引用。短引用等。表示强调的标签和 HTML5新增的语义化标签有 语义化是什么？HTML中的元素、属性及属性值都拥有某些含义，开发者应该遵守语义来编写HTML。如何做到语义化？了解每个人标签和属性的含义，思考什么标签最适合描述这个内容，不使用可视化工具生成代码。 课程总结：前端就是前端工程师用Web技术栈解决多端用户图形界面交互问题的工程师。HTML、CSS、JavaScript和网络协议构成了前端最基础的技术栈。语义化可以使开发者更易于维护代码，提升可读性，便于浏览器展示页面，方便搜索引擎提取关键字、排序，屏幕阅读器给盲人展示页面内容。