这是我参与「第五届青训营 」伴学笔记创作活动的第1天
1.什么是前端
- 解决GUI人机交互问题
- 跨终端
-
- PC/移动浏览器
- 客户端/小程序
- VR/AR等
- Web技术栈
- 总的来说前端是使用web技术栈解决跨终端图形界面人机交互的问题
2.前端应该关注哪些方面
- 功能：一个好的网站要集合各种各样的应用功能
- 美观：好的界面和排版对用户体验来说很重要
- 安全：网站的安全性对用户已经网站的稳定性来说都很重要
- 兼容：不管是PC还是移动端，或者是不同的浏览器，都能正常打开并且很好展示
- 无障碍：对各类人群皆使用，edge浏览器中还有朗读模式，对盲人友好。
3.前端的边界
4.开发环境
相对机器学习等技术来说，前端的开发环境是非常方便易得的，只需要我们有浏览器和一个好用的编辑器就可以了，我一般使用VScode以及chrome浏览器。
5.HTML是什么
HTML(HyperText Markup Language):超文本标记语言，是一种用于创建网页的标准标记语言。 怎么理解这个超文本呢，其实就是在HTML中，不仅仅可以包含文字，还可以包含图片，标题，链接，表格等。
在HTML编写中，要注意语法
- 标签和属性不区分大小写
- 空标签可以不闭合（input，meta)
- 属性值推荐用双引号包括
- 有些属性值可以省略（required，readonly)
6.什么是语义化
- HTML中的元素、属性及属性值都拥有含义
- 开发者应该遵循予以来编写HTML
- 有序列表用ol,无序列表用ul
- lang属性表示内容使用的语言
- 语义化的好处
- 开发者-修改维护页面
- 浏览器-展示页面
- 搜索引擎-提取关键词、排序
- 屏幕阅读器-给盲人读页面内容
- 如何做到语义化
- 了解每个标签和属性的含义
- 思考什么标签最适合描述内容
- 不使用可视化工具生成代码
