分享一些有趣的，你从不使用的html属性( 二 ) _html属性

和元素的cite属性我敢肯定你<blockquote>经常使用这个元素。您可以在没有属性的情况下直接使用它，但您也可以选择使用该cite属性。这是一个引用描述使用citeon的 MDN 文章的示例<blockquote>：
<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote#attr-cite">A URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.</blockquote>
由于我上面的地块引用来解释了什么是 MDN 文章cite，因此我将指向页面的 URL 设置为cite值。
您可以看到这是多么有用，因为它将引用和引用的来源包装在一个元素中。但请注意HTML 规范中的进一步解释：

用户代理可能允许用户关注此类引用链接，但它们主要用于私人用途（例如，通过服务器端脚本收集有关站点使用引用的统计信息），而不是供读者使用。

当然，相同的概念也适用于用于内联引用cite的元素上。<q>
自定义序列列表的属性<ol>经常使用使用该元素的有序列表。一些鲜为人知的功能允许您自定义出现在此类列表中的编号行为：

属性，以相反的顺序对reversed项目进行编号（从高到低，而不是默认的从低到高）；
属性，定义从start哪个数字开始；
属性，定义是type使用数字、字母还是数字；
属性，用于在value特定列表项上指定自定义编号。

如您所见，使用纯 HTML 的有序列表比您通常习惯的要灵活得多。
该reversed属性是一个有趣的属性，因为它实际上并没有反转列表本身的内容；它只会反转每个列表项旁边的数字。
<ol reversed><li>List item...</li><li>List item...</li><li>List item...</li></ol>下面的 CodePen 演示添加了一些 JAVAScript，因此您可以交互地切换reversed属性。

文章插图

请注意，列表本身保持不变，但数字会发生变化。如果您正在寻找一种反转内容的方法，请记住这一点。这是您可以使用 JavaScript、CSS 或直接在 HTML 源代码中执行的操作。
上面，我还提到了其他三个属性。让我们将它们合并到列表中，看看如何使用它们：

<ol reversed start="20" type="1"><li>Typee: A Peep at Polynesian Life (1846)</li><li>Omoo: A Narrative of Adventures in the South Seas (1847)</li><li>Mardi: and a Voyage Thither (1849)</li><li>Redburn: His First Voyage (1849)</li><li value=https://www.isolves.com/it/cxkf/yy/html5/2022-04-24/"100">White-Jacket; or, The World in a Man-of-War (1850)Moby-Dick; or, The Whale (1851)
Pierre; or, The Ambiguities (1852)
Isle of the Cross (1853 unpublished, and now lost)

请注意，已添加的type和属性以及单个列表项上的属性。该属性接受表示编号类型的五个单字符值（、、、、）之一。start``value``type``a``A``i``I``1
使用以下交互式演示进行尝试：

文章插图

使用单选按钮选择该type属性的五个值之一。然后尝试使用Toggle Reversed按钮反转列表。如您所见，除了有序列表的默认行为之外，还有很多可能性！
元素的download属性就像网络上无处不在的链接一样，拥有一个使链接更加强大的属性总是很好的。该download属性是几年前添加到规范中的，它允许您指定单击链接时应该下载而不是访问该链接。
<a href=https://www.isolves.com/it/cxkf/yy/html5/2022-04-24/"/example.pdf" download>Download File如果没有值，该download属性会强制下载链接页面。或者，您可以提供一个值，浏览器将其用作下载资源的建议文件名。
<a href=https://www.isolves.com/it/cxkf/yy/html5/2022-04-24/"/example.pdf" download="my-download.pdf">Download File作为涉及此属性的额外技巧，您可以将此功能与一些 JavaScript 结合起来，为用户创建一种下载他们自己创建的内容的方式。