什么是前端
- 解决Gui人机交互问题
- 前端工程师，使用web技术栈解决多端图形用户界面工程师
- HTML管理页面内容
- css管理样式
- js处理行为的结果和返回响应
前端关注哪些方面
- 什么功能需求
- 产品的美观设计
- 无障碍的设计
- 产品的安全性，数据安全等
- 性能如何(动画是否流畅等）
- 兼容性如何（pc端，移动端等）
前端技术不断更新，需要不断学习
HTML是什么？
是让浏览器识别使用指定的方法来渲染页面
- HyperText（包含图片，标题，链接，表格） Markup Language（标记语言）
HTML三个部分
<html>
<head>放页面原数据，不需要呈现给用户的东西</head>
<body>放置呈现给用户的内容</body>
</html>
DOM树
将标签转化为树形结构
HTML
- 标签和属性不区分大小写，但推荐使用小写
- 空标签可以不闭合，比如 input，meta
- 属性值推荐使用双引号""来包裹
- 某些属性值可以省略，如required
- 列表有三种，ul，ol，dl（dl为定义列表，即有dt，dd；dt和dd的对应关系并不是一一对应，可以一对多的存在）
- 一个页面总要有一个main标签
- 语义化：html中元素，属性，及属性值都拥有某些含义，开发过程中，应遵循语义来进行相应的开发和编写HTML；搜索引擎会提取关键词来进行搜索排序；语义贴切，在使用屏幕阅读时，给盲人的阅读减轻负担 ；
- 代码注意注释，方便他人维护
<input type="range">
<!--使用range属性可以获得一个滑动条-->
如何做到语义化
- 了解每个标签和属性含义
- 思考什么标签适合描述什么类型的内容
- 尽量不使用可视化工具生成代码
