前端和html 解决gui人机交互问题 跨终端 1.pc/移动浏览器 2.客户端/小程序 3/VR/AR等 web技术栈
前端技术栈
html（内容） css（样式） Javascript（行为）
通过http网络协议和服务器端进行通信
前端应该关注那些问题？ 1.功能 2.美观 3.无障碍 4.安全 5.性能 6.兼容性。
前端的边界？ nodejs 开发服务器端 electron 开发客户端应用 react native 在线传输 webrtc游戏 webgl 直接在浏览器运行代码
开发环境 浏览器 IE/EDGE chrome firefox safari 编辑器 VS codes vim webstorm
HTML（hypertext markup language）超文本标记语言
hypertext ：图片 标题 链接 表格
src：属性名 photo .jpg：属性名 :标记了当前使用的html文件的html版本——浏览器使用的渲染模式 :根标签 :源数据 标题 编码方式DOM树
HTML语法 1.标签和属性不区分大小写，推荐小写 2.空标签可以不闭合，比如 input 、meta 3.属性值推荐使用双引号包裹 4.某些属性值可以省略，比如 required、readonly
ol：orderlies表示有序列表 ，每个列表项用
输入： placeorder：占位符，用户没有输入时的显示内容 type 下拉选择 用户去快捷输入
文本类标签 引用
长引用 cite属性：引用来源 短引用 一般为作品名字/章节短引用 一般为引用的具体内容
引用代码强调 强调重要，紧急 语气上的强调
内容划分
header nav
main（一般一个页面一个） article article ……
aside
footer
语义化是什么？ 1.HTML中的元素、属性及属性值都拥有某些含义 2.开发者应该遵循语义来编写HTML （1）有序序列用ol；无序列表用ul （2）lang属性表示内容所使用的语言
谁在使用我们写的HTML 1.开发者-修改、维护页面 2.浏览器-展示页面 3.搜索引擎-提取关键词、排序 4.屏幕阅读器-给盲人读页面内容
语义化的好处 1.代码可读性 2.可维护性 3.搜索引擎优化 4.提升无障碍性
如何做到语义化？ 1.了解每个标签和属性的含义 2.思考什么标签最适合描述这个内容 3.不适用可视化工具生成代码
