前端与 HTML | 青训营笔记
这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
笔记内容：
1.前端技术栈
HTML主要是控制页面的内容以及结构 CSS控制页面的样式，大小，布局（位置） JavaScript主要控制页面的行为，如，点击一个按钮后页面该怎么响应。 三件套都是运行在浏览器中的，而浏览器是可以通过http协议和服务器进行通信，它把前端的代码通过http协议拿到，拿到后，渲染成我们所看到的页面，也可以把用户的一些信息或者行为，通过http提交到服务器端，所以三件套和网络协议构成了最基础的技术栈。
2.前端应该关注那些问题？
美观，兼容性，安全（用户的数据是否存放安全，是否有漏洞），功能（满足用户需求），无障碍（是否色盲能用），性能（页面是否流畅）。 Img 里面不能嵌套其他的内容了，这种情况下，可以省略，这种结束标签了。
标题h1~h6字体大小依次减小
3.语法
<ol>是有序列表
<ul>是无序列表
<dl>定义列表
（
<dl>可对应多个<dt>
<dt>可对应多个<dd>
<ol>
<li>草莓</li>
<li>西瓜</li> </ol> <ul> <li>西红柿</li> <li>苦瓜</li> </ul> <dl> <dt>水果：</dt> <dd>草莓</dd> <dd>西瓜</dd> <dt>蔬菜</dt> <dd>西红柿</dd> <dd>苦瓜</dd> </dl>
在浏览器运行出的结果为
- 草莓
- 西瓜
- 西红柿
- 苦瓜
- 水果：
- 草莓
- 西瓜
- 蔬菜
- 西红柿
- 苦瓜
<a href="www.baidu.com/" target="_blank"> 百度 </a>
<Img>标签中alt属性，用于当用户开启省流状态时，图片加载不出来，所呈现的对图片内容的大概描述。
placeholder是默认值
<p> <label> <input type="checkbox">苹果 </label> <label> <input type="checkbox">香蕉 </label> </p>
<select> <option>1</option> <option>2</option> <option>3</option> </select>
给用户提示值
<pre> <code> <a href="www.baidu.com/" target="_blank"> 百度 </a> </code> </pre>
静态页面一般是按照这个布局来写的。
思考：什么叫栈（资料来源于CSDN）
栈某种意义上讲，它像是一个开口的盒子，先放进去的东西总是会被后放进去的东西压在下面，那么如果想拿出被压住的东西，必须要先取出顶部的东西，也就是后放进去的东西。换个说法就是先入后出。
“栈”(stack)不适合存放需要随机查找的东西（像一本一本摞起来的书，不方便拿其中一本书）
首先说说CPU里的“堆栈”。我们可以这样设想：一个CPU等同于一个完全没有记忆力的人，他只知道按照一份很详细的说明文档(也就是程序)来一步一步做某件事情，并且，他永远不会记得之前做过什么。
在CPU里，有一种机制叫做“中断”interrupt，就是中途插一嘴的意思。怎么插呢?比方说，你正在玩儿一个单机游戏，在更要通关的时候，外面突然有人敲门。那么是不是要把你的游戏暂停一下?然后再去开门。然后正在你去开门的路上，厨房的煤气报警器响起，是不是要赶紧去厨房看一下是不是误报警?确认是误报警后，我们是先去开门呢?还是继续打游戏呢?对于CPU来说，也会有同样的困惑。对于人，我们或许可以思考一下——哦，开门这件事器比较紧迫，应该先开门。但是对于CPU来说，又如何区分紧迫度呢?这就变成了一个很麻烦的问题。我们回头再想想“栈”，他是如何组织数据的?先入后出。玩游戏是先发生的事情，那么打断他的事情就是更紧迫的事情，开门虽然比游戏紧迫，但是他次于煤气报警，所以，它才是紧迫的事情。不过到现在也应该注意到了。紧迫的事情往往在后产生，又要被优先处理。
在CPU的中断机制里，每当cpu执行的一个任务被打断时，cpu就需要备份当前的处理状态，就像没有记忆的人，总是要记笔记拍照。那么cpu怎么区分优先次序呢?就像你吃盘子里的饼!先拿上面的。而存储数据的过程，就像你向盘子里放饼的过程。
简单的总结一下：所谓“栈”，其实就是一本 相互堆叠的便签儿。我们可以逐次备份自己要保存的信息，然后再反向依次处理。
总结：
HTML我认为最重要的是语义化，HTML本身是好理解，呈现在浏览器页面也非常的直观。一定要规范。
