第二天 前端与HTML

什么是前端？

1.解决 GUI人机交互问题

2.跨终端-----PC/移动浏览器、客户端/小程序、VR/AR等

3.·Web 技术栈

前端技术栈

（依旧是三件套）通过网络协议与服务器端联系

前端要注意什么方面：有用户需要的功能、美观、安全、性能、无障碍，兼容、用户的体验

前端的边界？

开发环境有哪一些

HTML

图片、标题、链接、表格

也可以在标签上面设置一些属性

概况成这样

HTML的语法

标签和属性不区分大小写，推荐小写

空标签可以不闭合，比如 input、meta

属性值推荐用双引号包裹

某些属性值可以省略，比如 required、readonly

标题类的标签

列表标签

链接

像我们在浏览器搜索栏那样的跳转

可以让用户在已有的选项中选择

第一行的选择项可以多选

但是第二行的不可以

区别在于input与input type

select让选择项没有那么臃肿

Input list 是在用户可以在可选择项中填写（不是很确定哈）

文本类的

快捷引用blockquote cite

短引用cite

语义化是什么?

HTML中的元素、属性及属性值都拥有某些含义

开发者应该遵循语义来编写HTML----有序列表用 ol;无序列表用 ul、lang 属性表示内容所使用的语言

谁在使用我们写的HTML

开发者- 修改、维护页面

浏览器- 展示页面

搜索引擎- 提取关键词、排序

屏幕阅读器- 给盲人读页面内容

语义化的好处

代码可读性

可维护性

搜索引擎优化

提升无障碍性