自定义 HTML 属性

下面是包含自定义 HTML 属性的 Markdown 段落示例:classidattribute='value'

展示位置

这是一个 Markdown 段落,其中包含名为 .LongFoo 的自定义 class 属性。它还具有一个名为 #next-line 的自定义 id 属性,因此您可以直接与其关联。这些属性会在下一行中指定。

这是一个 Markdown 段落,其中包含名为 .LongFoo 的自定义 class 属性。它还具有一个名为 #same-line 的自定义 id 属性,因此您可以直接与其关联。这些属性在同一行中指定。

此 Markdown 段落不包含自定义属性。以下段落中指定了自定义属性,但它们不会应用于此段落,因为它们前面是空白行。以下段落中包含一个名为 .LongFooclass 属性。它还具有一个名为 #blank-line 的自定义 id 属性,但它不会直接与其关联

代码 span

code span 具有一个名为 .CSFoo 的自定义 class 属性,它紧跟在结束反引号之间,且之间没有空格。

代码块

以下是代码块中名为 #mysample 的自定义 id 属性的示例,您可以直接链接到该属性

print('hello world')

标题

要对标题(或除段落之外的任何元素)应用自定义属性,请将该属性置于行尾。

使用类属性作为标题

此标题有一个名为 .customClass 的自定义 class 属性,它与标题在同一行指定。

具有已命名锚标记的标题

此标题有自定义id名为#named-heading它也在标题所在的同一行中指定,以便直接链接到它中披露政府所要求信息的数量和类型。

这是一个包含 title 属性的内嵌链接示例。将鼠标悬停在链接上,系统将显示提示现在我可以看到

下面是另一个没有 title 属性的内嵌链接示例。将鼠标悬停在链接上时,不会显示任何文字。

列表

以下是使用自定义属性的列表示例:

  • 此列表项具有一个名为 .ListFoo 的自定义 class 属性和一个名为 #first-item 的自定义 id 属性。
  • 此列表项包含一个名为 #second-item 的自定义 id 属性。

通过每个列表项的自定义 id,您可以直接链接到第一个列表项第二个列表项

该表的标题行末尾有一个名为 .TableFoo 的自定义 class 属性。

标题 1 标题 2
单元格 1 单元格 2

此多行表的标题行末尾处有一个名为 #multi-line 的自定义 id 属性,因此您可以直接链接到该表

Header1 继续在第二行 Header2 继续在第二行
单元格 1 继续在第二行 单元格 2 继续在第二行