2020年5月24日日曜日

LaTeX.css

LaTeX.cssというのは,MathJaxみたいなものかと思っていたが,よく考えるとそんなわけはないのであって,LaTeXの出力風のデザインをするスタイルシートなのであった。

図 LaTeX.cssによるスタイルの例

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://latex.now.sh/style.css" />
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>
<body>
<header>
<h1>LaTeX.css</h1>
<p class="author">コシギリ クニオ <br> 2020年 5月 25日</p>
</header>

<div class="abstract">
<h5>概要</h5>
<p>そうなんです。これは,mathjax の類縁ではありませんでした。</p>
</div>

<nav role="navigation" class="toc">
<h3>目次</h3>
<ol>
  <li><a href="#getting-started">はじめに</a> </li>
  <li><a href="#conclusions">おしまい</a>
</ol>
</nav>

<main>
  <article>
    <h3 id="getting-started">はじめに</h2>

<br/>

<div>
$$(x+y)^{n}=\sum_{k=0}^{n}\left(\begin{array}{l}n \\ k\end{array}\right) x^{n-k}
y^{k}=\sum_{k=0}^{n}\left(\begin{array}{l}n \\ k\end{array}\right) x^{k} y^{n-k}$$
</div>
  </article>
</main>

</body>
</html>

0 件のコメント: