sample-eqrefs.html (1838B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>MathJax Equation References</title> 5 <!-- Copyright (c) 2012-2015 The MathJax Consortium --> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 10 <script type="text/x-mathjax-config"> 11 MathJax.Hub.Config({ TeX: { equationNumbers: {autoNumber: "all"} } }); 12 </script> 13 <script type="text/javascript" src="../MathJax.js?config=TeX-AMS_HTML"></script> 14 15 <style> 16 h1 { 17 background: #CCCCCC; 18 padding: .2em 1em; 19 border-top: 3px solid #666666; 20 border-bottom: 3px solid #999999; 21 } 22 </style> 23 24 </head> 25 <body> 26 27 <center> 28 <h1>A test of Equation References</h1> 29 </center> 30 31 <div style="padding:0 2em"> 32 <hr> 33 Here is a labeled equation: 34 $$x+1\over\sqrt{1-x^2}\label{ref1}$$ 35 with a reference to ref1: \ref{ref1}, 36 and another numbered one with no label: 37 $$x+1\over\sqrt{1-x^2}$$ 38 This one uses \nonumber: 39 $$x+1\over\sqrt{1-x^2}\nonumber$$ 40 <p> 41 <HR> 42 <p> 43 Here's one using the equation environment: 44 \begin{equation} 45 x+1\over\sqrt{1-x^2} 46 \end{equation} 47 and one with equation* environment: 48 \begin{equation*} 49 x+1\over\sqrt{1-x^2} 50 \end{equation*} 51 <p> 52 <HR> 53 <p> 54 This is a forward reference [\ref{ref2}] and another \eqref{ref2} for the 55 following equation: 56 $$x+1\over\sqrt{1-x^2}\label{ref2}$$ 57 More math: 58 $$x+1\over\sqrt{1-x^2}$$ 59 Here is a ref inside math: \(\ref{ref2}+1\) and text after it. 60 61 \begin{align} 62 x& = y_1-y_2+y_3-y_5+y_8-\dots 63 && \text{by \eqref{ref1}}\\ 64 & = y'\circ y^* && \text{(by \eqref{ref3})}\\ 65 & = y(0) y' && \text {by Axiom 1.} 66 \end{align} 67 68 Here's a bad ref [\ref{ref4}] to a nonexistent label. 69 <p> 70 <HR> 71 <p> 72 An alignment: 73 \begin{align} 74 a&=b\label{ref3}\cr 75 &=c+d 76 \end{align} 77 and a starred one: 78 \begin{align*} 79 a&=b\cr 80 &=c+d 81 \end{align*} 82 83 </div> 84 85 </body> 86 </html>