JsMath
From Better Practices
jsMath is a package that provides a method (using LaTeX syntax) of including mathematics in HTML pages that works across multiple browsers under Windows, MacOS X, Linux, and other flavors of Unix. In order to properly render these pages, users should download and install the Computer Modern Fonts. These fonts are provided in TrueType format and include several faces available to TeX.
Authors should package a copy of jsMath with their webpages and reference the scripts accordingly. Version 3.4c of jsMath is available here, and the following image is a screenshot of the result of using jsMath.
The above example was generated by the following HTML/CSS code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title></title>
<style type="text/css">
.math {visibility: hidden}
body {
margin:50px 0px;
padding:0px;
text-align:center
}
#Content {
width:67%;
margin:0px auto;
text-align:left;
padding:15px;
border:1px solid #333;
background-color:#ddf
}
</style>
<script type="text/javascript">jsMath = {Controls: {cookie: {scale: 133}}}</script>
<script type="text/javascript" src="jsMath/jsMath.js"></script>
</head>
<body onLoad="jsMath.Process(document)"><div id="Content">
<h1>Frames</h1>
Let <span class="math">\mathcal{H}</span> be a separable Hilbert space, and let
<span class="math">\mathbb{J}</span> be a countable index set. We say that
<span class="math">X=\{x_i\}_{i\in\mathbb{J}}</span> is a <em>frame</em> for
<span class="math">\mathcal{H}</span> if there exists constants
<span class="math">0 < A \leq B</span> such that
<div class="math">
A\|x\|^2 \leq
\sum_{i\in\mathbb{J}}\left|\left\langle x,x_i\right\rangle\right|^2
\leq B \|x\|^2
</div>
for each <span class="math">x\in\mathcal{H}</span>. The largest
<span class="math">A</span> and the smallest <span class="math">B</span> are the
<em>lower</em> and <em>upper</em> frames bounds for <span class="math">X</span>,
respectively. If <span class="math">A=B</span> we say that
<span class="math">X</span> is <em>tight</em> and if <span class="math">A=1=B</span>
we say that <span class="math">X</span> is <em>Parseval</em> (or normalized tight).
</div></body>
</html>
