什么是Markdown,如何使用它?
myzbx 2024-12-13 15:03 21 浏览
Markdown是一种简单的语法,它以标题、列表、粗体等形式格式化文本,这种标记语言很流行,你肯定有一些应用程序支持它。下面是一个Markdown的简单示例,介绍了什么是Markdown,如何和在哪里你可以使用它。
什么是Markdown?
在文本中添加粗体、斜体、编号列表、项目符号、标题等时,可以对其进行“格式化”。Markdown是一种语法或规则集,用于格式化网页上的文本。
传统上,人们使用超文本标记语言(又称为HTML)来格式化网页上的文本。HTML与可扩展标记语言(XML)和标准通用标记语言(SGML)一起,是标记语言系列的成员。
要使用HTML格式化文本,必须在文本周围放置标签。例如,如果要使文本变为粗体,请输入“ <b>一些粗体文本</ b>”。
当Web浏览器“读取”网页时,它将解释HTML标记并应用适当的格式。当它看到“ <b>一些粗体文本</ b>”时,它意识到<b>和</ b>标记之间的所有内容都应为粗体。浏览器还隐藏标签(<b>和<b>)。
HTML可能非常复杂,有许多标签,例如<span>、<div>、<kbd>、<ol>等。计算机阅读它们没有问题,因为它们遵循语法(HTML规则)并应用与标签匹配的格式。
但是,标签使人们难以阅读HTML,也很难理解计算机显示文本后的外观。对于没有太多HTML阅读经验的人来说,这不是很方便。
另一方面,Markdown的意思是“尽可能容易读写”。John Gruber和Aaron Schwartz解释了为什么他们在2004年创建Markdown,并提供了Gruber网站的语法指南。
简而言之,Markdown使网页文本的格式设置更加容易,因为其标记比HTML更简单,并且会自动转换为HTML。这意味着你不需要了解HTML即可为网页编写内容,因为Markdown会将你的标签转换为HTML。
它没有涵盖所有可能的HTML标记,只是最常见的格式设置选项。
如何使用Markdown?
要使用Markdown,你只需要在文本上应用简单的标签即可。例如,要以斜体格式设置文本,必须在文字的前后加上下划线,如下所示:_这是斜体文本_。
下面是语法指南中Markdown格式的其他一些示例:
标题
#这是H1
##这是H2
######这是H6
编号列表
1.第一
2.第二
3.第三
Markdown将*粗体*和_斜体_转换为HTML标签,可以使用多种不同的方式来解释。例如,你可以创建一个将标签解释为闪烁红色文本的应用程序。然而,实际上,几乎每个应用程序(包括每个WeB浏览器)都将其解释为*粗体*和_斜体_。
还有Markdown变体,例如CommonMark和GitHub Flavored Markdown(GFM),但它们均基于原始的Markdown规范。变体通常只是通过添加原始Markdown无法覆盖的格式标记来扩展标准。
格式化文本后,应用程序应将其转换为HTML,这通常是自动完成的。例如,GitHub上的README文件使用Markdown,并且如果扩展名为.MD,则GitHub在发布时会自动将其转换为正确的HTML标签。这样,在大多数情况下,你就不用自己做了。
在哪里可以使用Markdown
如上所述,你可以在GitHub以及Reddit、StackOverflow和其他网站上使用Markdown。如果你曾经在WhatsApp或Slack消息中设置过文本格式,那么你已经使用了它,因为这些应用程序使用Markdown标签的(很小)子集来格式化文本。
如果你想学习Markdown,请查看原始的Markdown语法指南或第三方学习网站。它很容易学习,只要仔细看一遍语法就可以轻松使用了。
想了解更多精彩内容,快来关注 @微课传媒
1.头条号【微课传媒】专注软件分享,如果你喜欢玩软件,欢迎关注、评论、收藏、转发。
2.在学习中有什么问题,欢迎与我沟通交流,今日头条号搜索【微课传媒】,我在这里等你哟!
- 上一篇:什么是html?
- 下一篇:高逼格写作Markdown标记详解
相关推荐
- Fabric.js使用说明详解(fabric nodejs)
-
Fabric介绍简介:Fabric是一款基于HTML5Canvas的开源绘图库,它提供了丰富的API和工具,可以轻松地创建交互式的绘图应用程序和游戏。功能特点:介绍Fabric的核心功能,如图形绘制...
- 如何才能快速将照片变成漫画?(如何才能快速将照片变成漫画风格)
-
本文分享8个超级详细的照片变漫画教程,让你秒变绘画大师,跟着教程就能亲手将自己的照片制作成精美的漫画,快来一起试试吧~1、PS一款专业的图像处理软件,具备出色的图像处理功能,提供了强大的编辑工具和广...
- 很少人知道的20个最好用的免费设计软件
-
不是每个人都能花重金去购置昂贵的软件来装备自己,特别是在刚开始涉足设计这个行业的新手们。我们知道adobe系列软件正版是收费的,而且很贵,虽然说我们国内已经能破解使用,很多人都认为adobe的那些软件...
- 13个免费的信息图表制作软件推荐(如何制作信息表)
-
制作信息图表涉及大量的工作,如:数据收集,数据排列,选择和规划信息图表的格式和设计信息图表。在设计信息图表时,选择适当的制图软件是一个非常艰巨的任务。下面为大家推荐13个最好的免费信息图表制作软件。A...
- 怎么转换图片的格式?(怎么转换图片的格式)
-
我们日常用到最多的图片格式是JPG/JPEG格式的,其他常见的图片格式包括有bmp,png,tif,gif,svg,cdr,ai,raw,webp等,由于图片的使用场景不同,所以要求的具体格式也会有所...
- Adobe的各种图形处理软件分别是做什么的
-
Adobe公司的Ps,Pr,Ae,An,Ai软件分别的用来做什么的?PS:AdobePhotoshop的简称,用于图像处理、编辑、通道、图层、路径综合运用,图像色彩的校正,各种特效滤镜的使用、特效字...
- 前端开发中,对图片的优化技巧有哪些?
-
按照先后顺序有以下:1.去掉无意义的修饰。嗯,我会瞎说吗?除了内容图片,其他的图片的作用是修饰,也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片!所以在优化之前要做的,首先是确认设计,...
- Adobe软件的最佳Linux替代品有哪些?这几款工具不容错过
-
如果你是一名平面设计工作者,那么估计很多与你职业相同或者是喜欢并正在学习平面设计的小伙伴们,而如果恰巧你们都是Linux用户的话,那么估计很多的小伙伴都在寻找Adobe的Linux替代品吧。但是,...
- 精心收集几个免费绘图、修图与照片编辑软件分享一下
-
本次为大家介绍几款绘图、修图与照片编辑软件,都可以免费授权个人与教育使用,有些开源软件甚至可以在工作上商业使用。其中大多数的绘图软件都是跨平台的,可以在Windows或Mac上安装,对个人照片...
- UI设计入门干货!八大软件+技能+素材网站
-
随着互联网行业的发展,UI设计师越来越多的被提及,UI设计师大火,需求岗位越来越多,也有越来越多的人转行投身UI设计师。UI设计是什么?一般所说的UI设计多指UI视觉设计,主要负责APP、Web、H5...
- 干货!一文读懂10种主流的图片格式
-
JPG、PNG、GIF,这些在我们生活中常见的图片格式,你真的了解它们吗?你知道除了这3种图片格式外,还有十多种主流的图片格式吗?每一种图片格式都有自己的特点和适用场景,选择正确的图片类型不仅能提升视...
- 最佳设计:A-Frame,阅读进度指示器,Colorify.js,交互式讲故事
-
最佳设计和开发好东西的综述以及一些新版本-第44期(2015年最后一期),包括A-Frame,阅读进度指示器,Colorify.js,交互式讲故事的动画地图路径,简单的Ionic侧菜单过渡等。摇滚...
- 当爆火的“粘土风”吹进铁路......
-
展播开始啦⑨<animateattributeName="opacity"begin="0s"dur="0.01"fill="freeze"from="1"to="1"/>&l...
- 日日是好日:书法艺术文字T恤定制,陶冶性情、现代生活新平衡
-
书法,心情和思想都融入文字的意境当中,对眼前或身边发生的不愉快事情视而不见、听而不闻,从而进入既轻松又舒适的状态,没有了妄念和烦恼,精神获得享受。本文节选自《DIYSKU个性化定制设计按需印刷行业出海...
- 从默默无闻到无可替代,Photoshop背后藏着多少不为人知的故事 ?
-
1990年2月推出了photoshop1.0。当时Photoshop只能在Mac计算机上运行,功能上也只有“工具”面板和少量的滤镜。1991年2月推出了photoshop2.0。该版本发行引发了桌...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 中级教程 (30)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)