2

我有 3 个推荐信，我将在我正在开发的网站中使用这些推荐信。我已经阅读了块引用，我相信这是最适合他们的标签。

这是我在论坛上找到的基本块引用：

<blockquote>
      <p>Pellensque.</p>
      <p>Pellentesque.</p>
      <p class="credit"><cite>Name</cite>, Title</p>  
</blockquote>

使用 cite 标签来说明一个人的姓名和头衔在语义上是否正确？

我读到它的预期用途是指向引用的原始 URL 源。

此外，在检查某个网站的 html 时，我发现其中一个使用 h3 作为引用，使用 h6 作为名称和标题。这符合最佳实践吗？

还是纯粹在 CSS 中使用线宽和其他属性调整文本更好？

4

2 回答 2

3

我读到它的预期用途是指向引用的原始 URL 源。

那将是元素的cite 属性。<blockquote>请参阅HTML5 规范中的此处。您正在查看的是<cite> element，标记引文的标题或作者（如所示）是合适的。

此外，在检查某个网站的 html 时，我发现其中一个使用 h3 作为引用，使用 h6 作为名称和标题。这符合最佳实践吗？

如果标题是引用的一部分，那么用相应的 h 元素标记这些标题就可以了，因为您正在按原样复制标题。但是，引文不是标题，因此使用标题来标记引文是不合适的。

除此之外，该<blockquote>元素是标记推荐的理想选择。

于 2015-11-23T17:15:00.227 回答
1

最后我使用了这个 HTML 标记。

        <figure class="rocking-quote">
            <blockquote>
                <p></p>
            </blockquote>
            <figcaption>Name, Position</figcaption>
        </figure>

这是我发现确实有帮助的 AListApart 文章的链接：

http://alistapart.com/blog/post/more-thoughts-about-blockquotes-than-are-strictly-required

以下是 WHATWG “引用”元素 Living Standard 对“引用”元素的看法。

https://html.spec.whatwg.org/multipage/semantics.html#the-cite-element

我从这些来源中得到的基本上是 cite 元素必须代表作品的标题，而作者的名字不能作为一个。

另外，我不能只在块引用之后使用“p”标签来引用作者，因为“p”标签中包含的内容在语义上没有任何东西可以让机器知道它们是相关的。

因此，结果是一个带有“quote”类的包装图形标签，表示它是图形的类型，以及一个相应的“figcaption”标签，允许用作者的姓名和职位（工作）为图形添加标题。

如果有人有任何建议或想法，请分享。

于 2015-11-25T08:27:32.557 回答