📜  HTML5 MathML mathsize 属性(1)

📅  最后修改于: 2023-12-03 15:31:18.554000             🧑  作者: Mango

HTML5 MathML mathsize 属性

在 HTML5 中,MathML 的 mathsize 属性用于设置数学公式的大小。它主要针对的是有嵌套结构的数学符号,比如分数和根式等。

语法

mathsize 属性的语法如下:

<math mathsize="关键词 | 像素值 | 百分比">

其中,关键词 可以是以下三种:

  • small:指定比默认大小小一级的字体;
  • normal:默认大小;
  • big:指定比默认大小大一级的字体。

像素值 可以是数字或者分数,如 123/4

百分比 可以是数字或者分数,如 120%150/100%

实例

以下是 mathsize 属性的一些实例:

<math mathsize="small">
  <msup>
    <mi>x</mi>
    <mn>2</mn>
  </msup>
  <mo>+</mo>
  <msup>
    <mi>y</mi>
    <mn>2</mn>
  </msup>
  <mo>=</mo>
  <msup>
    <mi>r</mi>
    <mn>2</mn>
  </msup>
</math>

此例将 $x^2 + y^2 = r^2$ 设置为比默认大小小一级的字体。

<math mathsize="16px">
  <msqrt>
    <mfrac>
      <mn>1</mn>
      <msup>
        <mi>a</mi>
        <mn>2</mn>
      </msup>
    </mfrac>
    <msup>
      <mn>2</mn>
      <mi>b</mi>
    </msup>
  </msqrt>
</math>

此例将 $\sqrt{\frac{1}{a^2}^{2b}}$ 设置为 16px 大小的字体。

<math mathsize="150%">
  <mfrac>
    <mrow>
      <mo>-</mo>
      <mi>b</mi>
      <mo>±</mo>
      <msqrt>
        <msup>
          <mi>b</mi>
          <mn>2</mn>
        </msup>
        <mo>-</mo>
        <mn>4</mn>
        <mo>×</mo>
        <mi>a</mi>
        <mo>×</mo>
        <mi>c</mi>
      </msqrt>
    </mrow>
    <mrow>
      <mn>2</mn>
      <mo>×</mo>
      <mi>a</mi>
    </mrow>
  </mfrac>
</math>

此例将求根公式 $\frac{-b±\sqrt{b^2-4ac}}{2a}$ 设置为比默认大小大一级的字体。