使用 Markdown 获取带下划线的文本

问题描述 投票:0回答:9

如何在 Markdown 中为文本添加下划线?

markdown underline github-flavored-markdown
9个回答
431
投票

在 GitHub markdown

<ins>
text
</ins>
效果很好。


235
投票

Markdown 没有定义的语法来给文本添加下划线。

我想这是因为带下划线的文本很难阅读,而且它通常用于超链接。


126
投票

另一个原因是

<u>
标签在 XHTML 和 HTML5 中已被弃用,因此需要生成类似
<span style="text-decoration:underline">this</span>
的内容。 (恕我直言,如果
<u>
已被弃用,那么
<b>
<i>
也应该被弃用。)请注意,Markdown 会分别生成
<strong>
<em>
,而不是
<b>
<i>
,这解释了其中的文本而不是其格式。格式设置应由样式表处理。

更新: HTML5 中不再弃用

<u>
元素


84
投票

简单的

<u>some text</u>
应该适合你。


54
投票

只需在 Markdown 中使用 HTML
<u>
标签(推荐)或
<ins>
标签即可。

HTML 标签

<ins>
HTML“插入标签”,通常显示为带下划线。因此,您可以使用它来下划线,正如@BlackMagic 在他的答案中所建议的那样。它与
<del>
删除标签
相反。

但是,我更喜欢并且我建议只使用 HTML

<u>
下划线标签,因为这正是它的用途

<u>this is underlined text in HTML or markdown, which accepts HTML</u>

@zed_0xff 还建议在他的答案中使用

<u>
标签

您可以在这里在线试用:

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_u

GitHub 上的

带下划线的标题怎么样?

@NoChance 留在评论中

我猜

<u>

 不适用于 
#
,例如,假设您有标题 3,并且您想将其设为粗体和下划线 - 可以做什么?

在这种情况下,要使其在 GitHub 上运行,您

必须使用 <ins>

 代替 
<u>

这样做:

# <ins>Underlined Heading 1</ins> ## <ins>Underlined Heading 2</ins> ### <ins>Underlined Heading 3</ins> #### <ins>Underlined Heading 4</ins> <!-- etc. -->
这也适用于 GitHub! 

GitHub 上的示例输出

使用

<u>

 代替 
<ins>
 将适用于大多数 Markdown 查看器,但 
不适用于 GitHub。 请在我的

eRCaGuy_hello_world

存储库中查看完整的演示和试用文件:eRCaGuy_hello_world/markdown/underline.md 我也可以使用CSS吗?

这要看情况。在您的自定义 Jekyll 网站上?当然。在 GitHub 自述文件和其他 GitHub markdown 文件中?不!

HTML 标签在 GitHub 自述文件中也可以正常工作,因为 GitHub 可以很好地接受 HTML 标签。但是,GitHub 中的自定义 CSS 不起作用,因为 GitHub 会阻止并拒绝您可能尝试添加的所有自定义 CSS。我在我的其他答案中谈到了这一点:

How do I center an image in the README.md file on GitHub?

.


20
投票
**_bold and italic_**

并将其重新设置为带下划线的文本,如下所示:


strong>em, em>strong, b>i, i>b { font-style:normal; font-weight:normal; text-decoration:underline; }



17
投票
<u>

</u>
)。

<u>Underlined Words Here</u>

    


5
投票
<ins>text</ins>

<span style="text-decoration:underline">text</span>
在Joplin中都能完美工作,尽管我同意
@nfm
,即带下划线的文本看起来像链接,并且在Markdown中可能会产生误导。


1
投票

[example link with #](#)

但是例如,这里在 stackoverflow 上不起作用

带有 # 的链接示例

© www.soinside.com 2019 - 2024. All rights reserved.