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

前端

1. 什么是前端？

• 解决图形界面下人机交互问题
    使用web技术栈解决多端人机交互问题
  

2. 前端技术栈

• JavaScript（行为）、CSS（样式）、HTML（内容）通过网络协议和服务器端交互

3. 前端应该关注哪些方面

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

4. 前端的边界和开发环境

• 1.边界
    node.js、electron、react native.....
    前端在互联网行业中是一个发展非常快的领域，技术也在不断的更新，所以要持续学习
  

• 2.开发环境
    浏览器+编辑器
  

HTML

1. HTML是什么

• HyperText:图片 标题 链接 表格
  

• Markup Language 文章标题
  

`

页面标题

一级标题

段落内容

`

2.图片标签

• <img src="photo.jpg"> src 指的是属性名 photo.jpg 指的是属性值

3. DOM树

4.HTML语法

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

5. 内容划分

6. 语义化是什么？

• HTML中的元素、属性及属性值都拥有某些含义
• 开发者应该遵循语义来编写HTML
  • 有序列表用ol；无序列表用ul
  • lang属性表示内容所使用的语言 7.语义化的好处
• 代码可读性
• 可维护性
• 搜索引擎优化
• 提升无障碍性

总结

本节课学习了前端的概念、技术栈和开发环境，学习了HTML一些基本的语法，知道了语义化是什么。明白了如何做到语义化？我们应该了解每个标签和属性的含义，思考什么标签最适合描述什么内容，不去用可视化工具生成代码。