前端与HTML | 青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第1天，这节课主要介绍了前端是什么、要解决的问题和技术栈等。还涉及到HTML的概念、语义化和常用的HTML标签等。以下是我这节课的笔记：

1.什么是前端

• 解决GUI人机交互问题
• 跨终端
• Web技术栈

2.前端技术栈

3.前端的边界

• node.js服务端开发；
  
• ELECTRON客户端桌面应用程序开发；
  
• React Native客户端应用开发；
  
• Web RTC P2P通讯；
  
• WebGL 3D网站开发等。
  

4.前端应该关注哪些方面？

• 功能
• 安全
• 美观
• 兼容
• 体验
• 性能
• 无障碍

5.HTML是什么？

Hyper Text Markup Language
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

• HTML语法：
  （1）标签属性不区分大小，通常用小写；
  （2）空标签不用闭合；
  （3）属性值使用双引号包裹

6.语义化

• HTML中的元素、属性及属性值所拥有的含义
• 遵循语义来编写HTML
• • ol用于有序列表；ul用于无序列表
• • lang属性表示内容的语言
    
• 语义化的好处；
  （1）代码可读性；
  （2）可维护性；
  （3）搜索引擎优化；
  （2）提升无障碍性。
  

7.小结

对于一个基础比较薄弱的小白来说，第一节课还是有很多收获的，同时也有着查缺补漏的效果。希望在后续的课程中可以收获更多知识。