这是我参与「第四届青训营 」笔记创作活动的的第1天,今天我跟随韩老师重新了解了前端的基础知识，虽然本人在前端方面也有一定的基础，但是这节课还是让我学到了一些东西。
首先在开发应用时要关注功能是否满足用户需求，再者就是界面需要美观，然后需要考虑怎么使所有人都可以使用，最重要的就是保证用户数据的安全，之后则是性能和兼容性。
在之后的学习中，加深了我对<head></head>标签的理解和应用方式，之后老师讲解了DOM树的结构和一些书写代码中需要注意的问题，比如字符串尽量使用双引号包裹、部分标签属性可以进行省略等。
然后老师讲解了使用H5中语义化标签可以提高代码的可读性、可维护性、优化搜索引擎、提升无障碍性等优点，在H5语义化标签中，新增了<video></video>和<audio></audio>标记来分别表示视频和音频的多媒体控件，其中可用通过contorls属性来控制浏览器自带的播放控件的显示和隐藏。
在表单类控件<input/>标记中还新增了一些属性，比如使用range属性可以将input变成一个滑块状的控件，使用date属性将input变为一个时间和日期的选择器。
之后又学习了input标记和datalist标记的联合使用，这一点对于拥有一些基础的我来说无疑是一点新知识，在input标记中使用list属性与拥有对应id的datalist标记进行关联，这样我们输入的时候也可以选择列表中的数据，同时在输入的过程中也会对列表中的数据进行一个筛选展示，在某些环境下是一个很方便的功能。其中还有我不太了解的<blockquote></blockquote>长引用标记、<cite></cite>短引用标记、<q></q>引用之前使用过的内容、<code></code>代码标签等。
最后老师讲解了如何更好的做到标签的语义化。
在这第一天的学习中，老师讲的知识虽然比较偏向基础，但是还是能从中学到一些东西，接下来的几天也要认真学习，从中查漏补缺，争取学到更多东西。
