Css 语义正确的Blockquote

Css 语义正确的Blockquote,css,html,quote,blockquote,Css,Html,Quote,Blockquote,我有3份推荐信,我将在我正在开发的网站上使用。我已经阅读了大量引用,我相信这是最适合他们的标签 以下是我在论坛上找到的一条基本的区块引文: <blockquote> <p>Pellensque.</p> <p>Pellentesque.</p> <p class="credit"><cite>Name</cite>, Title</p> </b

我有3份推荐信,我将在我正在开发的网站上使用。我已经阅读了大量引用,我相信这是最适合他们的标签

以下是我在论坛上找到的一条基本的区块引文:

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

佩伦斯克

佩伦茨克

姓名、职务

使用cite标记声明一个人的姓名和头衔在语义上正确吗

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

另外,当我查看一些网站的html时,我发现其中一个网站使用h3作为报价,h6作为名称和标题。这是否符合最佳实践

或者,纯粹用CSS调整文本的线宽和其他属性更好吗

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

这将是
元素的
cite
属性。请参见HTML5规范。您所看到的是,标记引用的标题或作者(如示例所示)是合适的

另外,当我查看一些网站的html时,我发现其中一个网站使用h3作为报价,h6作为名称和标题。这是否符合最佳实践

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


除此之外,
元素是标记推荐信的理想选择。

最后我使用了这个HTML标记

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

姓名、职务
下面是我发现的一篇文章的链接,这篇文章确实很有帮助:

这里是WHATWG“cite”元素关于“cite”元素的生活标准

我从这些资料中得到的基本信息是,cite元素必须表示作品的标题,而作者的姓名不符合此条件

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

因此,结果是一个包装图标记,带有一个“quote”类,表示图的类型,以及一个相应的“figcaption”标记,该标记允许使用作者的姓名和位置(作业)为图添加标题


如果有人有任何建议或想法,请与我们分享。

Ohhhh,这很有道理,谢谢!您是否知道,对引用的文本和名称+标题使用标题标记在语义上是否有益(不仅仅是在CSS中设置样式)?@Edson:不,因为引用不是标题。啊哈!我甚至没有想到。有时候,只需要记住基本的东西。非常感谢。我将写下我的blockquote并将其发布在此处,以获得潜在反馈。发件人:“值得注意的是,W3C规范指出,在
元素中对创造性作品的引用可能包括作品作者的姓名。然而,WHATWG对
的规范却恰恰相反:在任何情况下都不能包含一个人的名字。”所以,与往常一样,相互矛盾的建议。