前端与HTML|青训营笔记

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

一、什么是前端？

• 解决GUI人机交互问题
• 跨终端
  1. PC/移动浏览器
  2. 客户端/小程序
  3. VR/AR等
• Web技术栈

二、前端技术栈

1. 服务器通过HTTP（网络协议）来与浏览器通信交换数据，浏览器可以从服务器获得前端的代码，通过自己的渲染引擎来生成页面

2. 而浏览器也可以把用户在浏览器中填写的内容（像是用户名、密码、文字等）通过HTTP协议传到服务器来进行存储

3. 前端在互联网是发展的很快的领域，技术也在随时的更新，而且前端不止可以来写页面

三、前端应该关注哪些方面？

四、开发环境

五、HTML

1. HTML是什么？

HyperText Markup Language

• 超文本：字面意思超过文本就是不只有文本 还可以是图片 链接 表格等
• 标记语言：所以说HTML不是编程语言，他用标签来描述网页

2.HTML语法

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

3.HTML标签

参考w3school 在线教程

4.语义化是什么？

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

5. 语义化的好处

   1. 代码可读性
   2. 可维护性
   3. 搜索引擎优化
   4. 提升无障碍性

6. 如何做到语义化

   1.了解每个标签和属性的含义 2.思考什么标签最适合表述这个内容 3.不适用可视化工具生成代码

六、总结

• 这是我参与「第四届青训营 」笔记创作活动的第1天，在此课程中我将了解到前端与HTML的基本知识，并学习到了何为前端技术栈，还学到了开发前端应该关注的方面以便后续使用或修改。了解到了HTML的基本属性和元素的概念，如何做到语义化。