前端技术栈
- HTML
- CSS
- JavaScript
前端应该关注哪些方面
- 功能
- 美观
- 无障碍
- 安全
- 性能
- 兼容
- 体验
前端的边界
- Node.js
- Electron
- React Native
- WebRTC
- WebGL
- WebAssembly
HTML
HTML是什么？
HTML 也叫超文本标记语言， HyperText Markup Language 的缩写，用于构建网页基本结构及其内容的标记语言
超文本：文本中包含其他文本的链接
标记语言：将⽂本以及⽂本相关的其他信息结合起来，展现出关于⽂档结构，如：HTML、XML、KML、Markdown等
HTML语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如 required、readonly
语义化是什么？
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
- 有序列表用ol；无序列表用ul
- lang属性表示内容所使用的语言
语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
如何做到语义化
- 了解每个标签和属性的含义
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码
