blockquote标签

一、什么是blockquote标签

作为HTML5中一个很基础的标签，blockquote可以让我们在网页中插入引用的文本，起到强调引用内容的作用。同样的效果我们也可以通过CSS的样式来实现，但是使用blockquote标签可以让引用文本具备更多可访问性。

下面是一个基本的blockquote的代码示例：

<blockquote>

  <p>Lorem ipsum dolor sit amet...</p>

  <cite>—John Doe</cite>

</blockquote>

二、blockquote的使用场景

blockquote标签最常见的使用场景就是在引用他人的文本内容时，比如在博客等文章中我们可以用它来配合cite标签来标注出处，让读者更方便的理解文章内容。

同时在一些可编辑的CMS系统中，我们可以通过blockquote来封装引用的文本，让其他用户方便的进行复制或引用。

下面是一个引用他人话语的blockquote的代码示例：

<blockquote>

  <p>你不能阻止未来发生，你只能阻止未来变得更好。</p>

  <cite>—奥里森·斯科特·卡德</cite>

</blockquote>

三、blockquote的样式设置

虽然可以通过CSS来调整blockquote的样式，但是浏览器对blockquote的默认样式已经足够好看。但是，在我们实际开发中，为了满足一些特殊业务需求，比如转载的文章需要和自己的网站整体风格一致等，我们可以对blockquote进行样式的调整。

下面是一个改变blockquote边框样式的代码示例：

blockquote {

  border-left: 5px solid #ccc;

  padding-left: 1rem;

}

四、兼容性问题

作为HTML5标准的一部分，blockquote被各大现代浏览器完整支持。

五、总结

在HTML5中，blockquote标签是一个功能较为简单，但使用频率较高的标签，主要用于引用他人内容，并加以强调。

虽然默认样式已经足够好看，但我们可以根据需要对其进行一些简单的样式设置，比如改变边框样式等。