HTML汇总

经历了思特奇前端实习面试的极度失败后，总结发现问题点在于，自己很多在简历中写的东西都是会一点，但技术官问起相关内容，真的是一问一个不知道，只会查资料复制粘贴改改用，所以打算从基础开始重新学。（由于时间紧迫，所以计划是Pink老师的HTML,CSS和JavaScript与CoderWhy的Vue，再仿写一个静态网页+一个动态网页）。

以下自己的HTML总结全部来自B站Pink老师HTML视频（谢谢Pink老师，真的讲的好）。

1.思维导图

前端的一大难点在于多且杂，有效的整理所学内容并建立合理知识网络会使自己更好了解HTML。

下面是自己做的HTML思维导图（用的XMIND）

2.自己陌生的点

1.常用浏览器（“五大浏览器，四大内核”）

2.Web标准（Structure，Presentation，Behavior）

3.锚点链接（接触的少，容易忘）

<h4 id="heading4">4.这是一个标签</h4>
<a href="#heading4">点击跳转标签4</a>

这样便可以实现点击链接后跳转相同页面的其他部分了。

4.自定义列表（<dt>和<dd>的关系容易记错）

<dl>
    <dt>回国材料准备</dt>
    <dd>行程单</dd>
    <dd>核酸检测报告</dd>
    <dd>疫苗certification</dd>
    <dd>COE</dd>
    <dd>毕业证书</dd>
    <dd>房租recipe</dd>
    <dd>护照</dd>
</dl>

自定义列表可以做网站的页尾（一个主题+若干小主题），无序列表可以做目录。

5.label标签（提高用户体验，点击相关区域，相应光标被选中）

<label for="sex">性别：</label>
<input type="radio" name="sex" id="sex" value="male" checked="checked"/>男 <input type="radio" name="sex" id="sex" value="female" />女 

3.近期计划

1月12号回国以后到彻底出来大概四周，那期间把CSS和JS争取完成。

这半年的心愿大概就是顺利回国+顺利找份前端工作了，加油！