当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML5 MathML <mphantom>标记用法及代码示例


HTML5中的MathML <mphantom>标记用于不可见地呈现,但尺寸仍然保留。

用法:

<mphantom> Child elements </mphantom>

属性:此标记接受以下列出的一些属性:


  • class|id|style:此属性用于保存子元素的样式。
  • mathbackground:此属性保存数学表达式背景色的值。

下面的示例将说明HTML 5 MathML <mphantom>标记的概念:

例:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>HTML5 mphantom tag</title> 
</head> 
  
<body style="text-align:center;"> 
      
    <h1 style="color:green">GeeksforGeeks</h1> 
      
    <h3>HTML5 MathML <mphantom> tag</h3> 
      
    <math> 
        <maction actiontype="toggle"> 
            <mfrac> 
                <mn>25</mn> 
                <mn>10</mn> 
            </mfrac> 
            <mfrac> 
                <mrow> 
                    <mphantom> 
                        <mn>5</mn> 
                        <mo>⋅</mo> 
                        <mn>5</mn> 
                    </mphantom> 
                </mrow> 
                <mrow> 
                    <mphantom> 
                        <mn>2</mn> 
                        <mo>⋅</mo> 
                        <mn>5</mn> 
                    </mphantom> 
                </mrow> 
            </mfrac> 
            <mfrac> 
                <mn>2</mn> 
                <mn>5</mn> 
            </mfrac> 
        </maction> 
    </math> 
      
    <p> 
        By clicking the number you can 
        see 5*5 and 2*5 is invisible 
    </p> 
</body> 
  
</html>

输出:

支持的浏览器:下面列出了HTML5 MathML <mphantom>标记支持的浏览器:

  • Firefox


相关用法


注:本文由纯净天空筛选整理自skyridetim大神的英文原创作品 HTML5 | MathML <mphantom> Tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。