什么是前端
- 解决GUI人机交互问题
- 跨终端 （1）PC/移动浏览器 （2）客户端/小程序 （3）VR/AR等
- Web技术栈
总结：是前端工程师使用Web技术解决多端图形用户界面交互问题的工程师
前端的技术主要分为三层
- HTML：负责结构页面内容
- CSS：设置页面的样式（位置、大小、颜色）
- JavaScript:定义网页的行为（如何响应）
前端要解决的根本问题是交互涉及到很多方面，不仅要懂得技术还要了解做的这个产品有哪些功能，能解决什么问题，有没有满足用户的哪些需求
前端应该关注哪些方面
-
美观 这一块做出的界面好不好看
-
无障碍 我们做出的网站是不是对所有人都适用
-
最重要的是安全，我们做出的产品能不能保证所有用户数据的安全，有没有存在一些漏洞可能会被利用
-
兼容性 我们做出的网站是不是能够在电脑上使用在手机上也可以使用
用户的直观体验来自于前端，所以前端对用户的体验非常重要，我们要做出好的产品要不断的学习
HTML的语法
- 标签和属性不区分大小写，推荐写小写
- 空标签不可以闭合，比如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如，required、readonly
内容的划分
- 页头
<header>：logo、头部信息 导航<nav>：应援数据 - 页面的主体
<main>：主要重点的放前面一点，次重点的放后面一点 - 相关
<aside>：与标题相关的一些推荐 - 页尾
<tooter>：参考链接、版权信息、备案信息
语义化是什么
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
谁在使用我们写的HTML
- 开发者：修改、维护页面
- 浏览器：展示页面
- 搜索引擎：提取关键字、排序
- 屏幕阅读器：给盲人读页面内容
HTML是传达内容不是看它呈现出的样式的
语义化的好处
- 代码的可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍阅读
如何做到语义化
- 了解每个标签和属性的含义
- 思考什么标签最适合这个内容
- 不使用可视化工具生成代码
以上就是这节课的知识内容，想要做前端工程师是需要不断的学习新知识，要站在用户的角度思考这个产品怎么做才能让用户有更好的体验，毕竟用户的直观体验来自于前端，而且尽量使用语义化，保证后续团队的优化和维护能够正常运行。
