什么是前端？ 1、解决GUI人机交互问题 2、跨终端 （1）pc/移动浏览器 （2）客户端小程序 （3）VR/AR等 3、Web技术栈
前端技术栈 JavaScript（行为） CSS（样式） HTMl（内容） 通过网络协议连接服务器端
前端应该关注的方面： 美观、功能、无障碍、安全、性能、兼容性、体验
开发环境： 浏览器：谷歌、火狐、IE等 编辑器：VSCode、Vim、WebStorm等
HTML（超文本标记语言）
img src="photo.jpg" 中src是属性名，photo.jpg是属性值
title是页面标题 h1是一级标题 p是段落内容 head是标题头 body是主体 href是链接 img可以插入图片 aduio可以放音频 video可以放视频 input是文本框
DOM树 document:html html:head body head:meta title body:h1 p
HTML语法： 1、标签和属性不区分大小写，推荐小写 2、空标签可以不闭合，比如input、meta 3、属性值推荐用双引号包裹 4、某些属性值可以省略，比如required、readonly
语义化： 1、HTML中的元素、属性及属性值都拥有某些意义 2、开发者应该遵循语义来编写HTML （1）有序列表用ol；无序列表用ul （2）lang属性表示内容所使用的语言
语义化好处：代码可读性、可维护性、搜索引擎优化、提升无障碍性
如何做到语义化：了解每个标签和属性的含义、思考什么标签最适合描述这个内容、不使用可视化工具生成代码
HTML使用： 开发者--修改、维护页面 浏览器--展示页面 搜索引擎--提取关键词、排序 屏幕阅读器--给盲人读页面内容等
