这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天

虽然早已经系统学习过HTML相关的知识，但这个视频依然对我有所启发。

标签

datalist

<input>可以添加list属性，并在新标签datalist中填入option，这样就可以在输入的时候有提示。

  <input list="data"/>
  <datalist id="data">
    <option>苹果</option>
    <option>香蕉</option>
    <option>梨子</option>
  </datalist>

引用

引用分为长引用和短引用。
长引用：blockquote 其中cite属性可以放置引用的链接
短引用：cite 和 q 两者都为行内元素
区别是，cite一般表示作品名字或者章节;
而q表示具体内容；一般用于引用前面出现过的内容。

放置代码

code内放置单行代码，若被pre包裹，则可以放置多行代码

<code></code>
<pre><code></code></pre>

强调

em表示强调语气，比如英语中重读某个单词等，这样可能会导致语义出现变化。 strong表示内容本身很重要

<em></em>
<strong></strong>

语义化

语义化是我今天看视频收获最大的一个知识点，以前虽然也有所了解，但今天感触更大。
HTML中的元素，属性和属性值都具有一定的含义。因此，在使用标签时，我们要根据其语义来进行使用。
例如：h标签应该用来表示标题，p表示段落，article放置文章等等。
做到语义化，通俗来讲就是用正确的标签做正确的事情。

为什么要语义化？

• 开发者：更容易修改，维护页面，省去交流的成本
• 搜索引擎：搜索引擎在抓取页面后，会通过关键词进行排序，其所在的html标签影响很大；例如：标题和正文的权重不一样
• 无障碍：提升无障碍性，听觉障碍者和视觉障碍者可以通过辅助设备来获取页面信息。

总结

这就是今天的全部收获，明天再见！