这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天
输入
<blockquote cite="http://t.cn/RfjKO0F">
<p>天才并不是自生自长在深林荒野里的怪物， 是由可以使天才生长的民众产生、长育出来的，所以没有 这种民众，就没有天才。</p>
</blockquote>
<p>我最喜欢的一本书是<cite>小王子</cite>。</p>
<p>在<cite>第一章</cite>，我们讲过<q>字符串是不可变量</q>。</p>
<p><code>const</code>声明创建一个只读的常量。</p>
<pre><code>
const add = (a, b) => a + b;
const multiply = (a, b) => a * b;
</code></pre>
<p>在投资之前，<strong>一定要做风险评估</strong>。</p>
<p>Cats <em>are</em> cute animals.</p>
展示效果：
一般我们会把需要展示的代码放在code标签里面，但是在加code标签之前，我们事先会先写上pre标签再包含一下，需要加粗的使用strong标签，斜体的使用em标签，
内容划分
主要是需要我们对页面的整体进行划分，分出不同的层级，之后建立不同的class类，去具体的写相关对应的代码，这样到时候有需求改代码的时候就会方便些
语义化
HTML中的元素、属性及属性值都拥有某些含义
开发者应该遵循语义来编写HTML：
- 有序列表用ol；无序列表用ul
- lang属性表示内容所使用的语言
语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
如何做到语义化
- 了解每个标签和属性的含义
- 思考什么标签最合适描述这个内容
- 不使用可视化工具生成代码
谁在使用我们的HTML？
- 开发者-修改、维护页面
- 浏览器-展示页面
- 搜索引擎-提取关键词、排序
- 屏幕阅读器-给盲人读取页面内容
