标记文本结构
HTML是一种典型的标记文本结构,我们可以在纯代码环境中编辑,最后通过一定的工具查看标记后的文本。例如在编辑器当中编写<p>2<sup>5</sup></p>
然后将之放在浏览器中打开,浏览器就会将标记的<p></p>
包围的内容解释为一个段落,<sup></sup>
包围的内容解释为上标显示出来。
另外一种非常丰富的标记结构是reStructuredText(rst),用于生成文档的sphnix就是读取这种rst来可以生成其它格式 (PDF,HTML等) ,同样有多级标题、表格、列表、代码段等等格式。本站 http://www.malic.xyz/?page_id=669 的笔记就都是用rst格式写的。
当然最有名的当属排版软件TeX,有了LaTeX模版在排版时就非常方便。并且VS Code利用LaTeX Workshop插件,可以更方便的编辑LaTeX。关于LaTeX可以学习 http://math.ecnu.edu.cn/~jypan/Teaching/Latex/
下边将对比一下常见文档结构在这几种格式中的标记形式
HTML | rst | LaTeX | |
段落 | <p> </p> | 无标记(分段要多空一行) | 无标记(分段要多空一行) |
表格 | 用<table></table>标记,<tr></tr>标记行,<td></td>标记单元格 | 直接用+-+,|通过对齐的方式,画出表格 | \begin{table}\end{table}标记表格,\\用于换行,&分隔单元格 |
标题 | <h1></h1><h2></h2> | 在文字的下一行,用长于文字长度的”=”表示一级标题,’-‘为二级标题 | \chapter{}\section{}\subsection{} |
多级标题 | <h1></h1><h2></h2> | 在文字的下一行,用长于文字长度的”=”表示一级标题,’-‘为二级标题 | \chapter{}\section{}\subsection{} |
列表 | ul无序列表,ol有序列表,li表示每个列表项 | 1个空格+数字+.+空格 +列表项内容 | \begin{enumerate}\item{},或\begin{discription{}\item{} |
块文本 | pre | .. code:: 空一行之后用缩进表示块文本 | \usepackage{listings}\begin{lstlisting}[language=?] |
图片 | img src=”*” | … image:: * | \includegraphics{} |