href
{{MathMLRef}}
{{Non-standard_header}}
The href
global attribute creates a hyperlink on the MathML element pointing to the specified URL.
Example
The first equation links to the Wikipedia article about the mass-energy equivalence. The square root part of the second equation is a link to the SageMath calculation.
[!NOTE] You should avoid nesting MathML elements with the
href
attributes, just like{{htmlelement("a")}}
elements, as is will lead to user confusion and accessibility issues.
html,
body {
height: 100%;
}
body {
display: grid;
place-items: center;
font-size: 1.5rem;
}
<math
display="block"
href="https://en.wikipedia.org/wiki/Mass-energy_equivalence">
<mrow>
<mi>E</mi>
<mo>=</mo>
<mi>m</mi>
<msup>
<mi>c</mi>
<mn>2</mn>
</msup>
</mrow>
</math>
<math display="block">
<mi>c</mi>
<mo>=</mo>
<msqrt href="https://sagecell.sagemath.org/?z=eJwrLiwq0TCOM9I2iTPSBAAeqgPO">
<msup>
<mn>3</mn>
<mn>2</mn>
</msup>
<mo>+</mo>
<msup>
<mn>4</mn>
<mn>2</mn>
</msup>
</msqrt>
<mo>=</mo>
<mn>5</mn>
</math>
{{ EmbedLiveSample("Example", "", 150) }}
Syntax
<math href="https://example.com/">
Values
URL
- : The URL to which the hyperlink points.
Specifications
The href
attribute is not defined in any browser-oriented specification but you can find a description in MathML 4.
Browser compatibility
{{Compat}}
See also
- All global attributes.