This file is indexed.

/usr/share/doc/libjs-mathjax-doc/html/start.html is in libjs-mathjax-doc 2.7+20171212-1.

This file is owned by root:root, with mode 0o644.

The actual contents of the file can be viewed below.

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
  <meta charset="utf-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <title>Getting Started &mdash; MathJax 2.7 documentation</title>
  

  
  
  
  

  

  
  
    

  

  
  
    <link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
  

  

  
        <link rel="index" title="Index"
              href="genindex.html"/>
        <link rel="search" title="Search" href="search.html"/>
    <link rel="top" title="MathJax 2.7 documentation" href="index.html"/>
        <link rel="next" title="Installing and Testing MathJax" href="installation.html"/>
        <link rel="prev" title="What is MathJax?" href="mathjax.html"/> 

  
  <script src="_static/js/modernizr.min.js"></script>

</head>

<body class="wy-body-for-nav" role="document">

   
  <div class="wy-grid-for-nav">

    
    <nav data-toggle="wy-nav-shift" class="wy-nav-side">
      <div class="wy-side-scroll">
        <div class="wy-side-nav-search">
          

          
            <a href="index.html" class="icon icon-home"> MathJax
          

          
          </a>

          
            
            
              <div class="version">
                2.7
              </div>
            
          

          
<div role="search">
  <form id="rtd-search-form" class="wy-form" action="search.html" method="get">
    <input type="text" name="q" placeholder="Search docs" />
    <input type="hidden" name="check_keywords" value="yes" />
    <input type="hidden" name="area" value="default" />
  </form>
</div>

          
        </div>

        <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
          
            
            
              
            
            
              <p class="caption"><span class="caption-text">Basic Usage</span></p>
<ul class="current">
<li class="toctree-l1"><a class="reference internal" href="mathjax.html">What is MathJax?</a></li>
<li class="toctree-l1 current"><a class="current reference internal" href="#">Getting Started with MathJax</a><ul>
<li class="toctree-l2"><a class="reference internal" href="#using-a-content-delivery-network-cdn">Using a Content Delivery Network (CDN)</a></li>
<li class="toctree-l2"><a class="reference internal" href="#putting-mathematics-in-a-web-page">Putting mathematics in a web page</a><ul>
<li class="toctree-l3"><a class="reference internal" href="#tex-and-latex-input">TeX and LaTeX input</a></li>
<li class="toctree-l3"><a class="reference internal" href="#mathml-input">MathML input</a></li>
<li class="toctree-l3"><a class="reference internal" href="#asciimath-input">AsciiMath input</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="#installing-your-own-copy-of-mathjax">Installing Your Own Copy of MathJax</a><ul>
<li class="toctree-l3"><a class="reference internal" href="#downloading-and-installing-mathjax">Downloading and Installing MathJax</a></li>
<li class="toctree-l3"><a class="reference internal" href="#configuring-your-copy-of-mathjax">Configuring your copy of MathJax</a></li>
<li class="toctree-l3"><a class="reference internal" href="#linking-your-copy-of-mathjax-into-a-web-page">Linking your copy of MathJax into a web page</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="#where-to-go-from-here">Where to go from here?</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="installation.html">Installing and Testing MathJax</a></li>
<li class="toctree-l1"><a class="reference internal" href="configuration.html">Loading and Configuring MathJax</a></li>
<li class="toctree-l1"><a class="reference internal" href="config-files.html">Combined MathJax Configurations</a></li>
</ul>
<ul>
<li class="toctree-l1"><a class="reference internal" href="tex.html">MathJax TeX and LaTeX Support</a></li>
<li class="toctree-l1"><a class="reference internal" href="mathml.html">MathJax MathML Support</a></li>
<li class="toctree-l1"><a class="reference internal" href="asciimath.html">MathJax AsciiMath Support</a></li>
<li class="toctree-l1"><a class="reference internal" href="output.html">MathJax Output Formats</a></li>
<li class="toctree-l1"><a class="reference internal" href="font-support.html">MathJax Font Support</a></li>
</ul>
<ul>
<li class="toctree-l1"><a class="reference internal" href="localization.html">MathJax Localization</a></li>
<li class="toctree-l1"><a class="reference internal" href="safe-mode.html">MathJax Safe-mode</a></li>
</ul>
<ul>
<li class="toctree-l1"><a class="reference internal" href="community.html">The MathJax Community</a></li>
</ul>
<p class="caption"><span class="caption-text">Configuration options</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="options/index.html">Configuration options</a></li>
</ul>
<p class="caption"><span class="caption-text">Advanced topics</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="advanced/model.html">The MathJax Processing Model</a></li>
<li class="toctree-l1"><a class="reference internal" href="advanced/startup.html">The MathJax Startup Sequence</a></li>
<li class="toctree-l1"><a class="reference internal" href="advanced/synchronize.html">Synchronizing Your Code with MathJax</a></li>
<li class="toctree-l1"><a class="reference internal" href="advanced/dynamic.html">Loading MathJax Dynamically</a></li>
<li class="toctree-l1"><a class="reference internal" href="advanced/typeset.html">Modifying Math on the Page</a></li>
<li class="toctree-l1"><a class="reference internal" href="advanced/toMathML.html">Obtaining the MathML for an Expression</a></li>
<li class="toctree-l1"><a class="reference internal" href="advanced/extension-writing.html">Writing MathJax Extensions</a></li>
<li class="toctree-l1"><a class="reference internal" href="advanced/debugging-tips.html">Debugging Tips</a></li>
<li class="toctree-l1"><a class="reference internal" href="advanced/mathjax-node.html">MathJax on NodeJS</a></li>
</ul>
<p class="caption"><span class="caption-text">The MathJax API</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="api/index.html">Details of the MathJax API</a></li>
</ul>
<p class="caption"><span class="caption-text">Miscellanea</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="misc/accessibility-features.html">Accessibility features</a></li>
<li class="toctree-l1"><a class="reference internal" href="misc/browser-compatibility.html">Browser Compatibility</a></li>
<li class="toctree-l1"><a class="reference internal" href="misc/epub.html">EPUB3 Reading Systems</a></li>
<li class="toctree-l1"><a class="reference internal" href="misc/badges.html">MathJax Badges and Logo</a></li>
<li class="toctree-l1"><a class="reference internal" href="misc/articles.html">Articles and Presentations</a></li>
<li class="toctree-l1"><a class="reference internal" href="misc/platforms.html">Using MathJax in Web Platforms</a></li>
<li class="toctree-l1"><a class="reference internal" href="misc/faq.html">MathJax FAQ</a></li>
<li class="toctree-l1"><a class="reference internal" href="misc/mathjax-in-use.html">MathJax in Use</a></li>
</ul>
<p class="caption"><span class="caption-text">Upgrading MathJax</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="upgrading/index.html">Upgrading MathJax</a></li>
</ul>
<p class="caption"><span class="caption-text">Reference Pages</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="reference/HTML-snippets.html">HTML snippets</a></li>
<li class="toctree-l1"><a class="reference internal" href="reference/CSS-styles.html">CSS style objects</a></li>
<li class="toctree-l1"><a class="reference internal" href="reference/localization-strings.html">Localization strings</a></li>
<li class="toctree-l1"><a class="reference internal" href="reference/glossary.html">Glossary</a></li>
</ul>

            
          
        </div>
      </div>
    </nav>

    <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">

      
      <nav class="wy-nav-top" role="navigation" aria-label="top navigation">
        
          <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
          <a href="index.html">MathJax</a>
        
      </nav>


      
      <div class="wy-nav-content">
        <div class="rst-content">
          















<div role="navigation" aria-label="breadcrumbs navigation">

  <ul class="wy-breadcrumbs">
    
      <li><a href="index.html">Docs</a> &raquo;</li>
        
      <li>Getting Started</li>
    
    
      <li class="wy-breadcrumbs-aside">
        
            
            <a href="_sources/start.rst.txt" rel="nofollow"> View page source</a>
          
        
      </li>
    
  </ul>

  
  <hr/>
</div>
          <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
           <div itemprop="articleBody">
            
  <div class="section" id="getting-started">
<span id="id1"></span><h1>Getting Started<a class="headerlink" href="#getting-started" title="Permalink to this headline"></a></h1>
<p>MathJax allows you to include mathematics in your web pages, either
using LaTeX, MathML, or AsciiMath notation, and the mathematics
will be processed using JavaScript to produce HTML, SVG or MathML
equations for viewing in any modern browser.</p>
<p>There are two ways to access MathJax: the easiest way is to use the
copy of MathJax available from a distributed network service such as
<code class="docutils literal"><span class="pre">cdnjs.com</span></code>, but you can also download and install a copy of
MathJax on your own server, or use it locally on your hard disk
(with no need for network access).  All three of these are described
below, with links to more detailed explanations.  This page gives the
quickest and easiest ways to get MathJax up and running on your web
site, but you may want to read the details in order to customize the
setup for your pages.</p>
<div class="section" id="using-a-content-delivery-network-cdn">
<span id="mathjax-cdn"></span><h2>Using a Content Delivery Network (CDN)<a class="headerlink" href="#using-a-content-delivery-network-cdn" title="Permalink to this headline"></a></h2>
<p>The easiest way to use MathJax is to link directly to a public
installation available through a Content Distribution Network
(CDN).  When you use a CDN, there is no need to install
MathJax yourself, and you can begin using MathJax right away.</p>
<p>The CDN will automatically arrange for your readers to download MathJax
files from a fast, nearby server.</p>
<p>To use MathJax from a CDN, you need to do two things:</p>
<ol class="arabic simple">
<li>Link to MathJax in the web pages that are to include mathematics.</li>
<li>Put mathematics into your web pages so that MathJax can display
it.</li>
</ol>
<p>There are many free CDN providers that provide copies of MathJax. Some
provide “rolling releases”, i.e., links that update to the latest
available version upon release</p>
<ul class="simple">
<li><a class="reference external" href="https://cdnjs.com">cdnjs.com</a> (recommended)</li>
<li><a class="reference external" href="https://jsdelivr.com">jsdelivr.com</a>  [rolling]</li>
<li><a class="reference external" href="https://unpkg.com/">unpkg.com</a> [rolling]</li>
<li><a class="reference external" href="https://rawgit.com/">rawgit.com</a></li>
<li><a class="reference external" href="http://gitcdn.xyz/">gitcdn.xyz</a></li>
<li><a class="reference external" href="raw.githack.com">raw.githack.com</a></li>
</ul>
<div class="admonition warning">
<p class="first admonition-title">Warning</p>
<p class="last">We retired our self-hosted CDN at <cite>cdn.mathjax.org</cite> in April, 2017.
<strong>We recommend</strong> using <a class="reference external" href="https://cdnjs.com">cdnjs.com</a> which uses the same provider.
The use of <code class="docutils literal"><span class="pre">cdn.mathjax.org</span></code> was governed by its <a class="reference external" href="https://www.mathjax.org/mathjax-cdn-terms-of-service/">terms of service</a>.</p>
</div>
<p>To jump start using <cite>cdnjs</cite>, you accomplish the first step by putting</p>
<div class="highlight-html"><div class="highlight"><pre><span></span><span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">async</span>
  <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML&quot;</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</pre></div>
</div>
<p>into the <code class="docutils literal"><span class="pre">&lt;head&gt;</span></code> block of your document.  (It can also go in the
<code class="docutils literal"><span class="pre">&lt;body&gt;</span></code> if necessary, but the head is to be preferred.)  This will
load the latest version of MathJax from the distributed server, and
configure it to recognize mathematics in both TeX, MathML, and AsciiMath notation,
and ask it to generate its output using HTML with CSS to display the
mathematics.</p>
<div class="admonition warning">
<p class="first admonition-title">Warning</p>
<p>The <code class="docutils literal"><span class="pre">TeX-MML-AM_CHTML</span></code> configuration is one of the most general (and thus largest) combined configuration files. We list it here because it will quickly get you started using MathJax. It is probably not the most efficient configuration for your purposes and other <a class="reference internal" href="config-files.html#common-configurations"><span class="std std-ref">combined configuration files</span></a> are available. You can also provide additional configuration parameters to tailor one of the combined configurations to your needs or use our development tools to generate your own combined configuration file.</p>
<p class="last">More details about the configuration process can be found in the <a class="reference internal" href="configuration.html#loading"><span class="std std-ref">Loading and Configuring MathJax</span></a> instructions.</p>
</div>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">To see how to enter mathematics in your web pages, see <a class="reference internal" href="#putting-mathematics-in-a-web-page">Putting
mathematics in a web page</a> below.</p>
</div>
</div>
<div class="section" id="putting-mathematics-in-a-web-page">
<span id="secure-cdn-access"></span><h2>Putting mathematics in a web page<a class="headerlink" href="#putting-mathematics-in-a-web-page" title="Permalink to this headline"></a></h2>
<p>To put mathematics in your web page, you can use <a class="reference internal" href="reference/glossary.html#term-tex"><span class="xref std std-term">TeX</span></a> and
<a class="reference internal" href="reference/glossary.html#term-latex"><span class="xref std std-term">LaTeX</span></a> notation, <a class="reference internal" href="reference/glossary.html#term-mathml"><span class="xref std std-term">MathML</span></a> notation, <a class="reference internal" href="reference/glossary.html#term-asciimath"><span class="xref std std-term">AsciiMath</span></a>
notation, or a combination of all three within the same page; the
MathJax configuration tells MathJax which you want to use, and how you
plan to indicate the mathematics when you are using TeX/LaTeX or AsciiMath notation. The
configuration file used in the examples above tells MathJax to look
for both TeX, AsciiMath, and MathML notation within your pages.  Other
configuration files tell MathJax to use only one of these input options or one of the other output options. These three
formats are described in more detail below.</p>
<div class="section" id="tex-and-latex-input">
<span id="id3"></span><h3>TeX and LaTeX input<a class="headerlink" href="#tex-and-latex-input" title="Permalink to this headline"></a></h3>
<p>Mathematics that is written in <a class="reference internal" href="reference/glossary.html#term-tex"><span class="xref std std-term">TeX</span></a> or <a class="reference internal" href="reference/glossary.html#term-latex"><span class="xref std std-term">LaTeX</span></a> format is
indicated using <em>math delimiters</em> that surround the mathematics,
telling MathJax what part of your page represents mathematics and what
is normal text.  There are two types of equations: ones that occur
within a paragraph (in-line mathematics), and larger equations that
appear separated from the rest of the text on lines by themselves
(displayed mathematics).</p>
<p>The default math delimiters are <code class="docutils literal"><span class="pre">$$...$$</span></code> and <code class="docutils literal"><span class="pre">\[...\]</span></code> for
displayed mathematics, and <code class="docutils literal"><span class="pre">\(...\)</span></code> for in-line mathematics.  Note
in particular that the <code class="docutils literal"><span class="pre">$...$</span></code> in-line delimiters are <strong>not</strong> used
by default.  That is because dollar signs appear too often in
non-mathematical settings, which could cause some text to be treated
as mathematics unexpectedly.  For example, with single-dollar
delimiters, “… the cost is $2.50 for the first one, and $2.00 for
each additional one …” would cause the phrase “2.50 for the first
one, and” to be treated as mathematics since it falls between dollar
signs.  For this reason, if you want to use single-dollars for in-line
math mode, you must enable that explicitly in your configuration:</p>
<div class="highlight-html"><div class="highlight"><pre><span></span><span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/x-mathjax-config&quot;</span><span class="p">&gt;</span>
<span class="nx">MathJax</span><span class="p">.</span><span class="nx">Hub</span><span class="p">.</span><span class="nx">Config</span><span class="p">({</span>
  <span class="nx">tex2jax</span><span class="o">:</span> <span class="p">{</span><span class="nx">inlineMath</span><span class="o">:</span> <span class="p">[[</span><span class="s1">&#39;$&#39;</span><span class="p">,</span><span class="s1">&#39;$&#39;</span><span class="p">],</span> <span class="p">[</span><span class="s1">&#39;\\(&#39;</span><span class="p">,</span><span class="s1">&#39;\\)&#39;</span><span class="p">]]}</span>
<span class="p">});</span>
<span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;path-to-mathjax/MathJax.js?config=TeX-AMS_CHTML&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</pre></div>
</div>
<p>See the <code class="docutils literal"><span class="pre">config/default.js</span></code> file, or the <a class="reference internal" href="options/preprocessors/tex2jax.html#configure-tex2jax"><span class="std std-ref">tex2jax configuration
options</span></a> page, for additional configuration
parameters that you can specify for the <cite>tex2jax</cite> preprocessor,
which is the component of MathJax that identifies TeX notation within
the page.  See the <a class="reference internal" href="tex.html#tex-support"><span class="std std-ref">TeX and LaTeX</span></a> page for
more on MathJax’s support for TeX, and in particular how to deal with
single dollar signs in your text when you have enabled single
dollar-sign delimiters.</p>
<p>Here is a complete sample page containing TeX mathematics (also
available in the <a class="reference external" href="https://github.com/mathjax/MathJax/blob/master/test/sample-tex.html">test/sample-tex.html</a>
file):</p>
<div class="highlight-html"><div class="highlight"><pre><span></span><span class="cp">&lt;!DOCTYPE html&gt;</span>
<span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>MathJax TeX Test Page<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/x-mathjax-config&quot;</span><span class="p">&gt;</span>
  <span class="nx">MathJax</span><span class="p">.</span><span class="nx">Hub</span><span class="p">.</span><span class="nx">Config</span><span class="p">({</span><span class="nx">tex2jax</span><span class="o">:</span> <span class="p">{</span><span class="nx">inlineMath</span><span class="o">:</span> <span class="p">[[</span><span class="s1">&#39;$&#39;</span><span class="p">,</span><span class="s1">&#39;$&#39;</span><span class="p">],</span> <span class="p">[</span><span class="s1">&#39;\\(&#39;</span><span class="p">,</span><span class="s1">&#39;\\)&#39;</span><span class="p">]]}});</span>
<span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">async</span>
  <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://example.com/MathJax.js?config=TeX-AMS_CHTML&quot;</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
</pre></div>
</div>
<p>Since the TeX notation is part of the text of the page, there are some
caveats that you must keep in mind when you enter your mathematics.
In particular, you need to be careful about the use of less-than
signs, since those are what the browser uses to indicate the start of
a tag in HTML.  Putting a space on both sides of the less-than sign
should be sufficient, but see <a class="reference internal" href="tex.html#tex-support"><span class="std std-ref">TeX and LaTeX support</span></a> for details.</p>
<p>If you are using MathJax within a blog, wiki, or other content
management system, the markup language used by that system may
interfere with the TeX notation used by MathJax.  For example, if your
blog uses <a class="reference internal" href="reference/glossary.html#term-markdown"><span class="xref std std-term">Markdown</span></a> notation for authoring your pages, the
underscores used by TeX to indicate subscripts may be confused with
the use of underscores by Markdown to indicate italics, and the two
uses may prevent your mathematics from being displayed.  See <a class="reference internal" href="tex.html#tex-support"><span class="std std-ref">TeX
and LaTeX support</span></a> for some suggestions about how to
deal with the problem.</p>
<p>There are a number of extensions for the TeX input processor that are
loaded by combined configuration files which include <code class="docutils literal"><span class="pre">TeX</span></code> in their name (e.g., <code class="docutils literal"><span class="pre">TeX-AMS_CHTML</span></code>).  These include:</p>
<ul class="simple">
<li><cite>TeX/AMSmath.js</cite>, which defines the AMS math environments and
macros,</li>
<li><cite>TeX/AMSsymbols.js</cite>, which defines the macros for the symbols in
the <cite>msam10</cite> and <cite>msbm10</cite> fonts,</li>
<li><cite>TeX/noErrors.js</cite>, which shows the original TeX code rather than
an error message when there is a problem processing the TeX, and</li>
<li><cite>TeX/noUndefined.js</cite>, which prevents undefined macros from
producing an error message, and instead shows the macro name in red.</li>
</ul>
<p>Other extensions may be loaded automatically when needed.</p>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">See
<a class="reference internal" href="tex.html#tex-support"><span class="std std-ref">TeX and LaTeX support</span></a> for details on the other
TeX extensions that are available.</p>
</div>
</div>
<div class="section" id="mathml-input">
<span id="id4"></span><h3>MathML input<a class="headerlink" href="#mathml-input" title="Permalink to this headline"></a></h3>
<p>For mathematics written in <a class="reference internal" href="reference/glossary.html#term-mathml"><span class="xref std std-term">MathML</span></a> notation, you mark your
mathematics using standard <code class="docutils literal"><span class="pre">&lt;math&gt;</span></code> tags, where <code class="docutils literal"><span class="pre">&lt;math</span>
<span class="pre">display=&quot;block&quot;&gt;</span></code> represents displayed mathematics and <code class="docutils literal"><span class="pre">&lt;math</span>
<span class="pre">display=&quot;inline&quot;&gt;</span></code> or just <code class="docutils literal"><span class="pre">&lt;math&gt;</span></code> represents in-line mathematics.</p>
<p>Note that even on old browsers this will work in HTML files, not just XHTML files (MathJax
works with both), and that the web page need not be served with any
special MIME-type.  However note that in HTML (as opposed to XHTML), you should <strong>not</strong> include a namespace prefix for your
<code class="docutils literal"><span class="pre">&lt;math&gt;</span></code> tags; for example, you should not use <code class="docutils literal"><span class="pre">&lt;m:math&gt;</span></code> except
in an XHTML file where you have tied the <code class="docutils literal"><span class="pre">m</span></code> namespace to the MathML DTD by
adding the <code class="docutils literal"><span class="pre">xmlns:m=&quot;http://www.w3.org/1998/Math/MathML&quot;</span></code> attribute
to your file’s <code class="docutils literal"><span class="pre">&lt;html&gt;</span></code> tag.</p>
<p>Although it is not required, it is recommended that you include the
<code class="docutils literal"><span class="pre">xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;</span></code> attribute on all
<code class="docutils literal"><span class="pre">&lt;math&gt;</span></code> tags in your document (and this is preferred to the use of
a namespace prefix like <code class="docutils literal"><span class="pre">m:</span></code> above, since those are deprecated in
HTML5) in order to make your MathML work in the widest range of
situations.</p>
<p>Here is a complete sample page containing MathML mathematics (also
available in the <a class="reference external" href="https://github.com/mathjax/MathJax/blob/master/test/sample-mml.html">test/sample-mml.html</a>
file):</p>
<div class="highlight-html"><div class="highlight"><pre><span></span><span class="cp">&lt;!DOCTYPE html&gt;</span>
<span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>MathJax MathML Test Page<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">async</span>
  <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://example.com/MathJax.js?config=MML_CHTML&quot;</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>

<span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>
When
<span class="p">&lt;</span><span class="nt">math</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">&quot;http://www.w3.org/1998/Math/MathML&quot;</span><span class="p">&gt;</span>
  <span class="p">&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>a<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;&lt;</span><span class="nt">mo</span><span class="p">&gt;</span><span class="ni">&amp;#x2260;</span><span class="p">&lt;/</span><span class="nt">mo</span><span class="p">&gt;&lt;</span><span class="nt">mn</span><span class="p">&gt;</span>0<span class="p">&lt;/</span><span class="nt">mn</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">math</span><span class="p">&gt;</span>,
there are two solutions to
<span class="p">&lt;</span><span class="nt">math</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">&quot;http://www.w3.org/1998/Math/MathML&quot;</span><span class="p">&gt;</span>
  <span class="p">&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>a<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;&lt;</span><span class="nt">msup</span><span class="p">&gt;&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>x<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;&lt;</span><span class="nt">mn</span><span class="p">&gt;</span>2<span class="p">&lt;/</span><span class="nt">mn</span><span class="p">&gt;&lt;/</span><span class="nt">msup</span><span class="p">&gt;</span>
  <span class="p">&lt;</span><span class="nt">mo</span><span class="p">&gt;</span>+<span class="p">&lt;/</span><span class="nt">mo</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>b<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>x<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;</span>
  <span class="p">&lt;</span><span class="nt">mo</span><span class="p">&gt;</span>+<span class="p">&lt;/</span><span class="nt">mo</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>c<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">mo</span><span class="p">&gt;</span>=<span class="p">&lt;/</span><span class="nt">mo</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">mn</span><span class="p">&gt;</span>0<span class="p">&lt;/</span><span class="nt">mn</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">math</span><span class="p">&gt;</span>
and they are
<span class="p">&lt;</span><span class="nt">math</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">&quot;http://www.w3.org/1998/Math/MathML&quot;</span> <span class="na">display</span><span class="o">=</span><span class="s">&quot;block&quot;</span><span class="p">&gt;</span>
  <span class="p">&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>x<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">mo</span><span class="p">&gt;</span>=<span class="p">&lt;/</span><span class="nt">mo</span><span class="p">&gt;</span>
  <span class="p">&lt;</span><span class="nt">mrow</span><span class="p">&gt;</span>
    <span class="p">&lt;</span><span class="nt">mfrac</span><span class="p">&gt;</span>
      <span class="p">&lt;</span><span class="nt">mrow</span><span class="p">&gt;</span>
        <span class="p">&lt;</span><span class="nt">mo</span><span class="p">&gt;</span><span class="ni">&amp;#x2212;</span><span class="p">&lt;/</span><span class="nt">mo</span><span class="p">&gt;</span>
        <span class="p">&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>b<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;</span>
        <span class="p">&lt;</span><span class="nt">mo</span><span class="p">&gt;</span><span class="ni">&amp;#x00B1;</span><span class="p">&lt;/</span><span class="nt">mo</span><span class="p">&gt;</span>
        <span class="p">&lt;</span><span class="nt">msqrt</span><span class="p">&gt;</span>
          <span class="p">&lt;</span><span class="nt">msup</span><span class="p">&gt;&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>b<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;&lt;</span><span class="nt">mn</span><span class="p">&gt;</span>2<span class="p">&lt;/</span><span class="nt">mn</span><span class="p">&gt;&lt;/</span><span class="nt">msup</span><span class="p">&gt;</span>
          <span class="p">&lt;</span><span class="nt">mo</span><span class="p">&gt;</span><span class="ni">&amp;#x2212;</span><span class="p">&lt;/</span><span class="nt">mo</span><span class="p">&gt;</span>
          <span class="p">&lt;</span><span class="nt">mn</span><span class="p">&gt;</span>4<span class="p">&lt;/</span><span class="nt">mn</span><span class="p">&gt;&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>a<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>c<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;</span>
        <span class="p">&lt;/</span><span class="nt">msqrt</span><span class="p">&gt;</span>
      <span class="p">&lt;/</span><span class="nt">mrow</span><span class="p">&gt;</span>
      <span class="p">&lt;</span><span class="nt">mrow</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">mn</span><span class="p">&gt;</span>2<span class="p">&lt;/</span><span class="nt">mn</span><span class="p">&gt;&lt;</span><span class="nt">mi</span><span class="p">&gt;</span>a<span class="p">&lt;/</span><span class="nt">mi</span><span class="p">&gt;</span> <span class="p">&lt;/</span><span class="nt">mrow</span><span class="p">&gt;</span>
    <span class="p">&lt;/</span><span class="nt">mfrac</span><span class="p">&gt;</span>
  <span class="p">&lt;/</span><span class="nt">mrow</span><span class="p">&gt;</span>
  <span class="p">&lt;</span><span class="nt">mtext</span><span class="p">&gt;</span>.<span class="p">&lt;/</span><span class="nt">mtext</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">math</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>

<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
</pre></div>
</div>
<p>When entering MathML notation in an HTML page (rather than an XHTML
page), you should <strong>not</strong> use self-closing tags, but should use explicit
open and close tags for all your math elements.  For example, you
should use</p>
<div class="highlight-html"><div class="highlight"><pre><span></span><span class="p">&lt;</span><span class="nt">mspace</span> <span class="na">width</span><span class="o">=</span><span class="s">&quot;5pt&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">mspace</span><span class="p">&gt;</span>
</pre></div>
</div>
<p>rather than <code class="docutils literal"><span class="pre">&lt;mspace</span> <span class="pre">width=&quot;5pt&quot;</span> <span class="pre">/&gt;</span></code> in an HTML document.  If you
use the self-closing form, some browsers will not build the math tree
properly, and MathJax will receive a damaged math structure, which
will not be rendered as the original notation would have been.
Typically, this will cause parts of your expression to not be
displayed.  Unfortunately, there is nothing MathJax can do about that,
since the browser has incorrectly interpreted the tags long before
MathJax has a chance to work with them.</p>
<p>The component of MathJax that recognizes MathML notation within the
page is called the <cite>mml2jax</cite> extension, and it has only a few
configuration options; see the <code class="docutils literal"><span class="pre">config/default.js</span></code> file or the
<a class="reference internal" href="options/preprocessors/mml2jax.html#configure-mml2jax"><span class="std std-ref">mml2jax configuration options</span></a> page for more
details.</p>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">See the <a class="reference internal" href="mathml.html#mathml-support"><span class="std std-ref">MathML</span></a> page for more on
MathJax’s MathML support.</p>
</div>
</div>
<div class="section" id="asciimath-input">
<span id="id5"></span><h3>AsciiMath input<a class="headerlink" href="#asciimath-input" title="Permalink to this headline"></a></h3>
<p>MathJax v2.0 introduced a new input format: <a class="reference internal" href="reference/glossary.html#term-asciimath"><span class="xref std std-term">AsciiMath</span></a> notation by incorporating <a class="reference external" href="https://en.wikipedia.org/wiki/ASCIIMathML">ASCIIMathML</a>.
By default, you mark mathematical
expressions written in this form by surrounding them in “back-ticks”, i.e., <code class="docutils literal"><span class="pre">`...`</span></code>.</p>
<p>Here is a complete sample page containing AsciiMath notation (also
available in the <a class="reference external" href="https://github.com/mathjax/MathJax/blob/master/test/sample-asciimath.html">test/sample-asciimath.html</a>
file):</p>
<div class="highlight-html"><div class="highlight"><pre><span></span><span class="cp">&lt;!DOCTYPE html&gt;</span>
<span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>MathJax AsciiMath Test Page<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">async</span>
  <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://example.com/MathJax.js?config=AM_CHTML&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>

<span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>When `a != 0`, there are two solutions to `ax^2 + bx + c = 0` and
they are<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">p</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;text-align:center&quot;</span><span class="p">&gt;</span>
  `x = (-b +- sqrt(b^2-4ac))/(2a) .`
<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>

<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
</pre></div>
</div>
<p>The component of MathJax that recognizes asciimath notation within the
page is called the <cite>asciimath2jax</cite> extension, and it has only a few
configuration options; see the <code class="docutils literal"><span class="pre">config/default.js</span></code> file or the
<a class="reference internal" href="options/preprocessors/asciimath2jax.html#configure-asciimath2jax"><span class="std std-ref">asciimath2jax configuration options</span></a> page for more
details.</p>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">See the <a class="reference internal" href="asciimath.html#asciimath-support"><span class="std std-ref">AsciiMath support</span></a> page for more on
MathJax’s AsciiMath support.</p>
</div>
</div>
</div>
<div class="section" id="installing-your-own-copy-of-mathjax">
<h2>Installing Your Own Copy of MathJax<a class="headerlink" href="#installing-your-own-copy-of-mathjax" title="Permalink to this headline"></a></h2>
<p>We recommend using the CDN service if you can, but you can also install
MathJax on your own server, or locally on your own hard disk.  To do
so you will need to do the following things:</p>
<ol class="arabic simple">
<li>Obtain a copy of MathJax and make it available on your server or hard disk.</li>
<li>Configure MathJax to suit the needs of your site.</li>
<li>Link MathJax into the web pages that are to include mathematics.</li>
<li>Put mathematics into your web pages so that MathJax can display
it.</li>
</ol>
<div class="section" id="downloading-and-installing-mathjax">
<h3>Downloading and Installing MathJax<a class="headerlink" href="#downloading-and-installing-mathjax" title="Permalink to this headline"></a></h3>
<p>The MathJax source code is <a class="reference external" href="https://github.com/mathjax/MathJax/">hosted on
GitHub</a>.
To install MathJax on your own server, download
<a class="reference external" href="https://github.com/mathjax/MathJax/archive/master.zip">the latest distribution</a> and
unpack the archive and place the resulting MathJax folder onto your
web server at a convenient location where you can include it into your
web pages.  For example, making <code class="docutils literal"><span class="pre">MathJax</span></code> a top-level directory on
your server would be one natural way to do this.  That would let you
refer to the main MathJax file via the URL <code class="docutils literal"><span class="pre">/MathJax/MathJax.js</span></code>
from within any page on your server.</p>
<p>Once you have MathJax set up on your server, you can test it using the
files in the <code class="docutils literal"><span class="pre">MathJax/test</span></code> directory.  If you are putting MathJax
on a server, load them in your browser using their web addresses
rather than opening them locally (i.e., use an <code class="docutils literal"><span class="pre">http://</span></code> URL rather
than a <code class="docutils literal"><span class="pre">file://</span></code> URL).  When you view the <code class="docutils literal"><span class="pre">index.html</span></code> file, after
a few moments you should see a message indicating that MathJax appears
to be working.  If not, check that the files have been transferred to
the server completely and that the permissions allow the server to
access the files and folders that are part of the MathJax directory.
(Be sure to verify the MathJax folder’s permissions as well.)  Check
the server log files for any errors that pertain to the MathJax
installation; this may help locate problems in the permission or
locations of files.</p>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">For more details (such as version control access) see <a class="reference internal" href="installation.html#installation"><span class="std std-ref">the installation instructions</span></a>.</p>
</div>
</div>
<div class="section" id="configuring-your-copy-of-mathjax">
<h3>Configuring your copy of MathJax<a class="headerlink" href="#configuring-your-copy-of-mathjax" title="Permalink to this headline"></a></h3>
<p>When you include MathJax into your web pages as described below, it
will load the file <code class="docutils literal"><span class="pre">config/TeX-MML-AM_CHTML.js</span></code> (i.e., the file
named <code class="docutils literal"><span class="pre">TeX-MML-AM_CHTML.js</span></code> in the <code class="docutils literal"><span class="pre">config</span></code> folder of the
main <code class="docutils literal"><span class="pre">MathJax</span></code> folder).  This file preloads all the most
commonly-used components of MathJax, allowing it to process
mathematics that is in the TeX or LaTeX format, AsciiMath format, or in MathML notation.
It will produce output in HTML (with CSS) to render the
mathematics.</p>
<p>There are a number of other prebuilt configuration files that you can
choose from as well, or you could use the <code class="docutils literal"><span class="pre">config/default.js</span></code> file and
customize the settings yourself.</p>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">The combined configuration files are
described more fully in <a class="reference internal" href="config-files.html#common-configurations"><span class="std std-ref">Common Configurations</span></a>, and the configuration options are described in
<a class="reference internal" href="options/index.html#configuration"><span class="std std-ref">Configuration Options</span></a>.</p>
</div>
</div>
<div class="section" id="linking-your-copy-of-mathjax-into-a-web-page">
<h3>Linking your copy of MathJax into a web page<a class="headerlink" href="#linking-your-copy-of-mathjax-into-a-web-page" title="Permalink to this headline"></a></h3>
<p>You can include MathJax in your web page by putting</p>
<div class="highlight-html"><div class="highlight"><pre><span></span><span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;path-to-MathJax/MathJax.js?config=TeX-MML-AM_CHTML&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</pre></div>
</div>
<p>in your document’s <code class="docutils literal"><span class="pre">&lt;head&gt;</span></code> block.  Here, <code class="docutils literal"><span class="pre">path-to-MathJax</span></code> should
be replaced by the URL for the main MathJax directory, so if you have
put the <code class="docutils literal"><span class="pre">MathJax</span></code> directory at the top level of you server’s web
site, you could use</p>
<div class="highlight-html"><div class="highlight"><pre><span></span><span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;/MathJax/MathJax.js?config=TeX-MML-AM_CHTML&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</pre></div>
</div>
<p>to load MathJax in your page.  For example, your page could look like</p>
<div class="highlight-html"><div class="highlight"><pre><span></span><span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span>
    <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
        ...
        <span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;/MathJax/MathJax.js?config=TeX-MML-AM_CHTML&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
    <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
    <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
        ...
    <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
</pre></div>
</div>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">If you have installed MathJax on a server that is in a different
domain from the one serving the page that loads MathJax, be sure to
read the <a class="reference internal" href="installation.html#cross-domain-linking"><span class="std std-ref">Notes About Shared Servers</span></a> for
more details.  In that case, you may wish to consider using MathJax via a
<a class="reference internal" href="#mathjax-cdn"><span class="std std-ref">CDN</span></a> rather than installing your own copy
of MathJax.</p>
</div>
</div>
</div>
<div class="section" id="where-to-go-from-here">
<h2>Where to go from here?<a class="headerlink" href="#where-to-go-from-here" title="Permalink to this headline"></a></h2>
<p>If you have followed the instructions above, you should now have
MathJax installed and configured on your web server, and you should be
able to use it to write web pages that include mathematics.  At this
point, you can start making pages that contain mathematical content!</p>
<p>You could also read more about the details of how to <a class="reference internal" href="configuration.html#loading"><span class="std std-ref">customize
MathJax</span></a>.</p>
<p>If you are trying to use MathJax in blog or wiki software or in some
other content-management system, you might want to read about <a class="reference internal" href="misc/platforms.html#platforms"><span class="std std-ref">using
MathJax in popular platforms</span></a>.</p>
<p>If you are working on dynamic pages that include mathematics, you
might want to read about the <a class="reference internal" href="api/index.html#mathjax-api"><span class="std std-ref">MathJax Application Programming
Interface</span></a> (its API), so you know how to include
mathematics in your interactive pages.</p>
<p>If you are having trouble getting MathJax to work, you can read more
about <a class="reference internal" href="installation.html#installation"><span class="std std-ref">installing MathJax</span></a>, or <a class="reference internal" href="configuration.html#loading"><span class="std std-ref">loading and
configuring MathJax</span></a>.</p>
<p>Finally, if you have questions or comments, or want to help support
MathJax, you could visit the <a class="reference internal" href="community.html#community-forums"><span class="std std-ref">MathJax community forums</span></a> or the <a class="reference internal" href="community.html#community-tracker"><span class="std std-ref">MathJax bug tracker</span></a>.</p>
</div>
</div>


           </div>
           <div class="articleComments">
            
           </div>
          </div>
          <footer>
  
    <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
      
        <a href="installation.html" class="btn btn-neutral float-right" title="Installing and Testing MathJax" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right"></span></a>
      
      
        <a href="mathjax.html" class="btn btn-neutral" title="What is MathJax?" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left"></span> Previous</a>
      
    </div>
  

  <hr/>

  <div role="contentinfo">
    <p>
        &copy; Copyright 2017 The MathJax Consortium.

    </p>
  </div>
  Built with <a href="http://sphinx-doc.org/">Sphinx</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. 

</footer>

        </div>
      </div>

    </section>

  </div>
  


  

    <script type="text/javascript">
        var DOCUMENTATION_OPTIONS = {
            URL_ROOT:'./',
            VERSION:'2.7',
            COLLAPSE_INDEX:false,
            FILE_SUFFIX:'.html',
            HAS_SOURCE:  true,
            SOURCELINK_SUFFIX: '.txt'
        };
    </script>
      <script type="text/javascript" src="_static/jquery.js"></script>
      <script type="text/javascript" src="_static/underscore.js"></script>
      <script type="text/javascript" src="_static/doctools.js"></script>

  

  
  
    <script type="text/javascript" src="_static/js/theme.js"></script>
  

  
  
  <script type="text/javascript">
      jQuery(function () {
          SphinxRtdTheme.StickyNav.enable();
      });
  </script>
   

</body>
</html>