前端与HTML｜ 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的第2天
收获
笔记是拿来复习的，这堂课讲的主要是我已掌握的基础，所以我把收获放在最前面
其实在写静态网页有点像在画画，在结构的各个部分加上内容，然后修饰内容。
- 个人感觉，网页本就是一张画布，为了将内容展示给人们可以有各种各样的方式，所以不像传统的机器、程序、软件这些东西那么“硬”，硬技术一开始就把条条框框，数据传递，编码规范规定好了。
- 但是随着计算机技术发展，网页编写也需要变得更加严谨。人们都在追求信息能更好的被处理，比如想办法让非结构化的数据变为结构化的数据，网页语义化，也就使得网页上的数据能更好地被采集和处理，提升价值。
一、本堂课重点内容
本堂课梳理了前端的概念和html的知识内容，并举出了一些例子。
知识要点：
1.前端
- 前端是什么
- 前端技术栈
- 前端产品要求
- 前端边界
2.HTML
- HTML是什么
- HTML标签，及标签组成
- DOM树
- HTML语法
- 网站内容划分
- 语义化原理
- 语义化好处
- 如何做到语义化
二、详细知识点介绍
下面仅介绍个人觉得需要记的内容
1.前端
1） 前端是什么
前端就是解决各个终端人机交互的图形化界面问题的软件开发方向
前端能够应用的方向有PC端和移动端的浏览器、客户端和小程序、VR/AR等
前端技术更新快，入门快，需要不断学习。
2） 前端技术栈
前端的核心技术是html、css和js。
HTML-内容
全称HyperText Markup Language 超文本标记语言
使用HTML写网页，能够让浏览器知道网页中的各部分是什么内容，然后以相应的形式显示出来。
比如图片、标题、链接、表格等，其中图片等资源通过指定的url从服务器获取。
CSS-样式
全称Cascading Style Sheets 层叠样式表
修饰HTML的外观，使得整个站点样子发生改变。比如位置、颜色、大小等信息。
JS-行为
全称Java Script 是一种脚本语言
js定义用户与页面的交互行为。
浏览器和服务器端通过网络协议进行通信：浏览器从服务器获取相关代码，然后浏览器获取数据提交给服务器处理。
3） 前端产品要求
最重要是技术实现的功能能不能解决问题
然后还要满足美观、网站安全、性能（加载速度，动画流畅）、各种设备上的兼容性、用户体验
2.HTML
1） DOM树
浏览器将HTML编译成结构化的文档对象，使得网页能被程序访问修改。
4） HTML语法建议
- HTML标签和属性推荐使用小写
- 空标签可以不闭合
- 属性值推荐使用双引号包裹
5） 语义化
- html用来表述页面的结构和内容，各种标签的出现是为了加强标签自带的语义属性，也就是为了我们能更好地表达页面。
- 语义化意味着我们能够不需要注释就能看懂代码，也意味着浏览器可以直接解析代码，去执行一定功能，比如搜集网页标题、段落中的关键词给用户；比如让浏览器更好的翻译页面；比如屏幕阅读器。
我们不应该随意选择标签，然后用css达成想要的效果。而是应该根据想要传达的内容选择标签。
三、总结
前端搞界面的，html写界面结构和内容的。
四、参考
百度百科
