这是我参与「第四届青训营 」笔记创作活动的第5天
笔记大纲
- 什么是前端
- 前端应该关注哪些方面
- HTML
- 个人总结
- 资料来源
详细介绍
什么是前端
解决GUI人机交互问题
跨终端
- PC/移动浏览器
- 客户端小程序
- VR/AR等
Web技术栈
前端技术栈
- JavaScript（行为）
- CSS（样式）
- HTML（内容）
前端应该关注哪些方面
- 功能
- 性能
- 无障碍
- 兼容
- 美观
- 体验
- 安全
前端的边界
开发环境
浏览器：
- IE/Edg
- Chrome
- Firefox
- Safari
编辑器：
- VSCode
- Vim
- WebStorm
HTML
什么是Html?\
定义：HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
Dom树
可以看到heml标签和其子标签像树一样排布。
HTML语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如input、meta
- 属性值推荐用双引号包括
- 某些属性值可以省略，比如：required、readonly
内容划分
一般开发过程中，内容布局在HTML标签中这样体现，头部区域header,导航为nav,主体部分为main,文章为artical,侧边栏为aside,底部为footer。
语义化是什么？
HTML中的元素、属性及属性值都拥有某些含义
开发者应该遵循语义来编写HTML
- 有序列表用ol; 无序列表用ul
- lang属性表示内容所使用的语言
语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
传递内容而不是样式
个人总结
重点
HTML
难点
HTML
思考
思考HTML该怎么使用，一定要记住HTML的作用是传递内容而不是样式。
资料来源
来源：字节跳动青训营前端与HTML课程。
