diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
| commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
| tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/zh-cn/web/mathml/element | |
| parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
| download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip | |
initial commit
Diffstat (limited to 'files/zh-cn/web/mathml/element')
| -rw-r--r-- | files/zh-cn/web/mathml/element/index.html | 234 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/element/maction/index.html | 235 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/element/math/index.html | 312 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/element/mroot/index.html | 170 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/element/mrow/index.html | 95 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/element/mspace/index.html | 163 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/element/msqrt/index.html | 169 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/element/msub/index.html | 197 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/element/msubsup/index.html | 87 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/element/msup/index.html | 90 |
10 files changed, 1752 insertions, 0 deletions
diff --git a/files/zh-cn/web/mathml/element/index.html b/files/zh-cn/web/mathml/element/index.html new file mode 100644 index 0000000000..6eabd340c7 --- /dev/null +++ b/files/zh-cn/web/mathml/element/index.html @@ -0,0 +1,234 @@ +--- +title: MathML 元素参考 +slug: Web/MathML/Element +tags: + - MathML + - MathML 参考 +translation_of: Web/MathML/Element +--- +<p>{{MathMLRef}}</p> + +<p>这是一份按字母排序的 MathML <strong>呈现型</strong>元素列表。</p> + +<p><strong>呈现型标记</strong>（<strong>presentation markup</strong>）相关条目被用来描述数学记号的布局结构，而<strong>内容型标记</strong>（<strong>content markup</strong>）则用于提供潜在的数学含义，MathML 解析器不支持渲染内容型标记（见 {{bug(276028)}}）。若想了解更多关于内容型标记的信息，可以考虑阅读 <a href="http://www.w3.org/TR/MathML3/">MathML 3 规范</a>的<a href="http://www.w3.org/TR/MathML3/chapter4.html">第四章</a>。</p> + +<p>MathML 元素实现了 {{domxref("MathMLElement")}} 类。</p> + +<h2 id="MathML_呈现型元素（字母排序）">MathML 呈现型元素（字母排序）</h2> + +<div class="multiColumnList"> +<h3 id="math">math</h3> + +<ul> + <li>{{MathMLElement("math")}}（顶层元素）</li> +</ul> + +<h3 id="A">A</h3> + +<ul> + <li>{{MathMLElement("maction")}}（将动作绑定到子表达式）</li> + <li>{{MathMLElement("maligngroup")}}（对齐分组）</li> + <li>{{MathMLElement("malignmark")}}（对齐点）</li> +</ul> + +<h3 id="E">E</h3> + +<ul> + <li>{{MathMLElement("menclose")}}（被包裹的内容）</li> + <li>{{MathMLElement("merror")}}（被包裹的语法错误消息）</li> +</ul> + +<h3 id="F">F</h3> + +<ul> + <li>{{MathMLElement("mfenced")}}（圆括号）{{deprecated_inline}}</li> + <li>{{MathMLElement("mfrac")}}（因子 Fraction）</li> +</ul> + +<h3 id="G">G</h3> + +<ul> + <li>{{MathMLElement("mglyph")}}（显示非标准符号）</li> +</ul> + +<h3 id="I">I</h3> + +<ul> + <li>{{MathMLElement("mi")}}（标识符 Identifier）</li> +</ul> + +<h3 id="L">L</h3> + +<ul> + <li>{{MathMLElement("mlabeledtr")}}（表格或矩阵中，带标记的行）</li> + <li>{{MathMLElement("mlongdiv")}}（长除法记号）</li> +</ul> + +<h3 id="M">M</h3> + +<ul> + <li>{{MathMLElement("mmultiscripts")}}（Prescript 和张量指标 tensor indice）</li> +</ul> + +<h3 id="N">N</h3> + +<ul> + <li>{{MathMLElement("mn")}}（数字）</li> +</ul> + +<h3 id="O">O</h3> + +<ul> + <li>{{MathMLElement("mo")}}（运算符 Operator）</li> + <li>{{MathMLElement("mover")}}（上标）</li> +</ul> + +<h3 id="P">P</h3> + +<ul> + <li>{{MathMLElement("mpadded")}}（在内容周围增设空白）</li> + <li>{{MathMLElement("mphantom")}}（保留空白占位的不可见内容）</li> +</ul> + +<h3 id="R">R</h3> + +<ul> + <li>{{MathMLElement("mroot")}}（带指定根数的根号）</li> + <li>{{MathMLElement("mrow")}}（分组后的子表达式）</li> +</ul> + +<h3 id="S">S</h3> + +<ul> + <li>{{MathMLElement("ms")}}（字符串字面量）</li> + <li>{{MathMLElement("mscarries")}}（附注 Annotation，比如进位）</li> + <li>{{MathMLElement("mscarry")}}（单进位， {{MathMLElement("mscarries")}} 的子元素）</li> + <li>{{MathMLElement("msgroup")}}（{{MathMLElement("mstack")}} 和 {{MathMLElement("mlongdiv")}} 元素内的行组）</li> + <li>{{MathMLElement("msline")}}（在 {{MathMLElement("mstack")}} 元素内的水平行）</li> + <li>{{MathMLElement("mspace")}}（空白）</li> + <li>{{MathMLElement("msqrt")}}（不带根数的平方根）</li> + <li>{{MathMLElement("msrow")}}（在 {{MathMLElement("mstack")}} 元素中的行）</li> + <li>{{MathMLElement("mstack")}}（堆叠式对齐）</li> + <li>{{MathMLElement("mstyle")}}（改变样式）</li> + <li>{{MathMLElement("msub")}}（下角标）</li> + <li>{{MathMLElement("msup")}}（上角标）</li> + <li>{{MathMLElement("msubsup")}}（上下角标对）</li> +</ul> + +<h3 id="T">T</h3> + +<ul> + <li>{{MathMLElement("mtable")}}（表格或矩阵）</li> + <li>{{MathMLElement("mtd")}}（表格或矩阵中的单元格）</li> + <li>{{MathMLElement("mtext")}}（文本）</li> + <li>{{MathMLElement("mtr")}}（表格或矩阵中的行）</li> +</ul> + +<h3 id="U">U</h3> + +<ul> + <li>{{MathMLElement("munder")}}（下标）</li> + <li>{{MathMLElement("munderover")}}（上标-下标对）</li> +</ul> + +<h3 id="其他元素">其他元素</h3> + +<ul> + <li>{{MathMLElement("semantics")}}（语义附注的容器）</li> + <li><a href="/en-US/docs/Web/MathML/Element/semantics#annotation"><code><annotation></code></a>（数据附注）</li> + <li><a href="/en-US/docs/Web/MathML/Element/semantics#annotation-xml"><code><annotation-xml></code></a>（XML 附注）</li> +</ul> +</div> + +<h2 id="MathML_呈现型元素（类别分类）">MathML 呈现型元素（类别分类）</h2> + +<h3 id="顶层元素">顶层元素</h3> + +<ul> + <li>{{MathMLElement("math")}}</li> +</ul> + +<h3 id="字符符号元素">字符/符号元素</h3> + +<ul> + <li>{{MathMLElement("mglyph")}}</li> + <li>{{MathMLElement("mi")}}</li> + <li>{{MathMLElement("mn")}}</li> + <li>{{MathMLElement("mo")}}</li> + <li>{{MathMLElement("ms")}}</li> + <li>{{MathMLElement("mspace")}}</li> + <li>{{MathMLElement("mtext")}}</li> +</ul> + +<h3 id="通用布局元素">通用布局元素</h3> + +<ul> + <li>{{MathMLElement("menclose")}}</li> + <li>{{MathMLElement("merror")}}</li> + <li>{{MathMLElement("mfenced")}} {{deprecated_inline}}</li> + <li>{{MathMLElement("mfrac")}}</li> + <li>{{MathMLElement("mpadded")}}</li> + <li>{{MathMLElement("mphantom")}}</li> + <li>{{MathMLElement("mroot")}}</li> + <li>{{MathMLElement("mrow")}}</li> + <li>{{MathMLElement("msqrt")}}</li> + <li>{{MathMLElement("mstyle")}}</li> +</ul> + +<h3 id="边标和角标元素">边标和角标元素</h3> + +<ul> + <li>{{MathMLElement("mmultiscripts")}}</li> + <li>{{MathMLElement("mover")}}</li> + <li>{{MathMLElement("mprescripts")}}</li> + <li>{{MathMLElement("msub")}}</li> + <li>{{MathMLElement("msubsup")}}</li> + <li>{{MathMLElement("msup")}}</li> + <li>{{MathMLElement("munder")}}</li> + <li>{{MathMLElement("munderover")}}</li> + <li>{{MathMLElement("none")}}</li> +</ul> + +<h3 id="表格数学">表格数学</h3> + +<ul> + <li>{{MathMLElement("maligngroup")}}</li> + <li>{{MathMLElement("malignmark")}}</li> + <li>{{MathMLElement("mlabeledtr")}}</li> + <li>{{MathMLElement("mtable")}}</li> + <li>{{MathMLElement("mtd")}}</li> + <li>{{MathMLElement("mtr")}}</li> +</ul> + +<h3 id="初等数学">初等数学</h3> + +<ul> + <li>{{MathMLElement("mlongdiv")}}</li> + <li>{{MathMLElement("mscarries")}}</li> + <li>{{MathMLElement("mscarry")}}</li> + <li>{{MathMLElement("msgroup")}}</li> + <li>{{MathMLElement("msline")}}</li> + <li>{{MathMLElement("msrow")}}</li> + <li>{{MathMLElement("mstack")}}</li> +</ul> + +<h3 id="尚无分类的元素">尚无分类的元素</h3> + +<ul> + <li>{{MathMLElement("maction")}}</li> +</ul> + +<h2 id="语义附注元素">语义附注元素</h2> + +<ul> + <li><a href="/en-US/docs/Web/MathML/Element/semantics#annotation"><code><annotation></code></a></li> + <li><a href="/en-US/docs/Web/MathML/Element/semantics#annotation-xml"><code><annotation-xml></code></a></li> + <li>{{MathMLElement("semantics")}}</li> +</ul> + +<h2 id="请参阅">请参阅</h2> + +<ul> + <li><a href="/en-US/docs/Web/MathML">MathML</a></li> + <li><a href="/en-US/docs/Web/MathML/Attribute">MathML 属性参考</a></li> +</ul> diff --git a/files/zh-cn/web/mathml/element/maction/index.html b/files/zh-cn/web/mathml/element/maction/index.html new file mode 100644 index 0000000000..3715f500ec --- /dev/null +++ b/files/zh-cn/web/mathml/element/maction/index.html @@ -0,0 +1,235 @@ +--- +title: <maction> +slug: Web/MathML/Element/maction +translation_of: Web/MathML/Element/maction +--- +<div>{{MathMLRef}}</div> + +<div class="summary"> +<p>MathML<code><strong><maction></strong></code>元素提供了一种让表达式（或子表达式）具有某种特定行为的可能性。具体行为方式由<code><strong>actiontype</strong></code>属性的取值来确定。也可以使用<code><strong>selection</strong></code>属性来手动指定该行为作用在哪个子元素上。</p> +</div> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-actiontype">actiontype</dt> + <dd>该属性描述元素上发生了哪种行为，有如下几种取值： + <ul> + <li><code>statusline</code>: 当元素被点击或屏幕阅读器的指针指向该元素时触发，message会在浏览器的状态栏中显示。语法如下：<code><maction actiontype="statusline"> <em>expression</em> <em>message</em> </maction></code>。</li> + <li><code>toggle</code>: 当子表达式被点击时触发，子表达式会依次显示。因此每次点击时selection的值都会增加。语法如下：<code><maction actiontype="toggle" selection="<em>positive-integer</em>" > <em>expression1</em> <em>expression2</em> <em>expressionN</em> </maction></code>。</li> + <li><code>tooltip</code>: 当指针指向表达式时触发，会在表达式附近显示一个提示框。语法如下：<code><maction actiontype="tooltip"> <em>expression</em> <em>message</em> </maction></code>。</li> + </ul> + </dd> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>供<a href="/en-US/docs/CSS">样式表</a>使用。</dd> + <dt id="attr-href">href</dt> + <dd>用来设置标签点击后跳转的链接。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>用来设置标签的背景色，可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>用来设置文字和分数的线的颜色，同样可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd> + <dt id="attr-selection">selection</dt> + <dd>用来设置该行为作用在哪个子元素上，默认为<code><strong>1</strong></code>，代表第一个子元素。</dd> +</dl> + +<h2 id="例子">例子</h2> + +<p>下面的例子演示了如何使用“toggle”这个<code><strong>actiontype</strong></code>：</p> + +<pre class="brush: html"><math> + +<maction actiontype="toggle"> + + <mfrac> + <mn>6</mn> + <mn>8</mn> + </mfrac> + + <mfrac> + <mrow> + <mn>3</mn> + <mo>&sdot;</mo> + <mn>2</mn> + </mrow> + <mrow> + <mn>4</mn> + <mo>&sdot;</mo> + <mn>2</mn> + </mrow> + </mfrac> + + <mfrac> + <mn>3</mn> + <mn>4</mn> + </mfrac> + +</maction> + +</math> +</pre> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.maction', 'maction') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.maction', 'maction') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}} [2]</td> + </tr> + <tr> + <td><code>actiontype</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}} [1]</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}} [4]</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>10.0 {{webkitbug(85733)}} [3]</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>actiontype</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}} [1]</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] 只包括 <code>toggle</code> 和 <code>statusline</code>， <code>tooltip</code> 暂未实现。参考 <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=544001">bug 544001</a>.</p> + +<p>[2] 参考 <a href="https://bugs.webkit.org/show_bug.cgi?id=85734">WebKit bug 85734</a>.</p> + +<p>[3] 参考 <a href="https://bugs.webkit.org/show_bug.cgi?id=85733">WebKit bug 85733</a>.</p> + +<p>[4] 只包括<code>toggle</code>， <code>statusline</code> 和 <code>tooltip</code> 暂未实现 。参考<a href="https://bugs.webkit.org/show_bug.cgi?id=120059">WebKit bug 120059</a>.</p> + +<h2 id="Gecko具体说明">Gecko具体说明</h2> + +<ul> + <li>在Gecko 9.0 {{ geckoRelease("9.0") }} 之前，<code><strong>actiontype</strong></code>属性支持的非标准的<code><strong>restyle</strong></code>值，如今它已经不再支持。</li> + <li>在Gecko 14.0 {{ geckoRelease("14.0") }} 之前，<strong><code>statusline</code></strong> 行为类型使用了如下所示的非标准语法，如今它已按照MathML规范被修复了。 + <pre class="brush: html"><maction actiontype="statusline#(message)"> +(expression) +</maction> +</pre> + </li> + <li>在Gecko 15.0 {{geckoRelease("15.0")}}中，只有actiontype属性的值为<code><strong>toggle</strong></code>时，<code><strong>selection</strong></code>属性才会有作用。</li> + <li>从Gecko 16.0 {{geckoRelease("16.0")}}开始，当<code><strong>actiontype</strong></code>属性的值无效时，<code><strong>selection</strong></code>属性仍然起作用。如果未指定<code><strong>actiontype</strong></code>或者<code><strong>selection</strong></code>属性的值无效，将抛出一个MathML错误（无效的标记）。</li> +</ul> diff --git a/files/zh-cn/web/mathml/element/math/index.html b/files/zh-cn/web/mathml/element/math/index.html new file mode 100644 index 0000000000..dcbef71b23 --- /dev/null +++ b/files/zh-cn/web/mathml/element/math/index.html @@ -0,0 +1,312 @@ +--- +title: <math> +slug: Web/MathML/Element/math +tags: + - MathML + - MathML Reference + - 'MathML:Element' +translation_of: Web/MathML/Element/math +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML的顶级元素是<code><math></code>。所有有效的MathML实例必须被包括在 <code><math></code> 标记中。另外不可以在一个 <code><math></code> 元素中嵌套第二个 <code><math></code> 元素，但是 <code><math></code> 元素中可以有任意多的子元素 。</p> + +<h2 id="属性">属性</h2> + +<p>除了以下提到的属性， <code><math></code> 元素接受所有 {{ MathMLElement("mstyle") }} 元素的属性。</p> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>用于配合<a href="/en-US/docs/CSS">样式表</a>使用。</dd> + <dt id="attr-dir">dir</dt> + <dd>公式的整体方向。取值可以是 <code>ltr</code> (从左到右) 或者 <code>rtl</code> (从右到左).</dd> + <dt id="attr-href">href</dt> + <dd>用于给公式设置一个超链接的URI。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景颜色<code>。你可以使用#rgb</code>格式、 <code>#rrggbb</code> 格式和 <a href="/zh-CN/docs/CSS/color_value#Color_Keywords">HTML颜色名</a>。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>公式的文本颜色。<code>你可以使用#rgb</code>格式、 <code>#rrggbb</code> 格式和 <a href="/zh-CN/docs/CSS/color_value#Color_Keywords">HTML颜色名</a>。</dd> + <dt id="attr-display">display</dt> + <dd>这个枚举属性指定本标记所括的MathML代码应该如何被显示。该属性有如下取值： + <ul> + <li><code>block</code>, 使用该值会使该MathML元素显示于文本之外，成为一个独立的块元素，不受其所在的文本的影响。</li> + <li><code>inline</code>, 使用该值使这段MathML显示为行内元素，放置于当前文本的区域中。除非改变文本的显示，否则无法移动这个MathML的显示位置。</li> + </ul> + + <p>如果没有指定该属性值，默认值采用 <code>inline</code>。</p> + </dd> + <dt id="attr-mode">mod {{deprecated_inline}}</dt> + <dd>因为<a href="/en-US/docs/MathML/Element/math#attr-display">display属性</a>的出现而废弃。<br> + 可用取值为：<code>display</code> (效果和<code>display="block"</code>一样) 和and <code>inline</code>.</dd> + <dt id="attr-overflow">overflow</dt> + <dd>指定当该数学公式超过了其运行的范围时应该如何表现。<br> + 可能的取值为： <code>linebreak</code> (默认值), <code>scroll</code>, <code>elide</code>, <code>truncate</code>, <code>scale</code>.</dd> +</dl> + +<h2 id="范例">范例</h2> + +<p><img alt="Theorem of Pythagoras" src="/files/3157/math.jpg"></p> + +<h3 id="HTML5_记号">HTML5 记号</h3> + +<pre class="brush: html"><!DOCTYPE html> +<html> + <head> + <title>MathML in HTML5</title> + </head> + <body> + + <math> + <mrow> + <mrow> + <msup> + <mi>a</mi> + <mn>2</mn> + </msup> + <mo>+</mo> + <msup> + <mi>b</mi> + <mn>2</mn> + </msup> + </mrow> + <mo>=</mo> + <msup> + <mi>c</mi> + <mn>2</mn> + </msup> + </mrow> + </math> + + </body> +</html> +</pre> + +<h3 id="XHTML_记号">XHTML 记号</h3> + +<pre class="brush: xml"><?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>MathML in XHTML</title> +</head> +<body> + + <math xmlns="http://www.w3.org/1998/Math/MathML"> + <mrow> + <mrow> + <msup> + <mi>a</mi> + <mn>2</mn> + </msup> + <mo>+</mo> + <msup> + <mi>b</mi> + <mn>2</mn> + </msup> + </mrow> + <mo>=</mo> + <msup> + <mi>c</mi> + <mn>2</mn> + </msup> + </mrow> + </math> + +</body> +</html></pre> + +<p><strong>注意：</strong> XHTML 文档如果带有MathML，必须将文档的MIME类型设置为<code>application/xhtml+xml</code>进行发送。一般来说可以通过将扩展名改为<code>.xhtml</code> 来实现对本地文件的修改。对于Apache服务器，你可以<a class="external" href="http://httpd.apache.org/docs/2.2/mod/mod_mime.html#addtype" title="http://httpd.apache.org/docs/2.2/mod/mod_mime.html#addtype">配置<code>.htaccess</code>文件</a> 来达到映射扩展名为正确的MIME类型的目的。因为MathML被放在一个XML文件中，你必须编写一个严格符合XML格式的文档。</p> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">规范</th> + <th scope="col">状态</th> + <th scope="col">注释</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter2.html#interf.toplevel', 'The Top-Level math Element') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>当前的规范</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter7.html#interf.toplevel', 'The Top-Level math Element') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>最初的规范</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>XHTML标记</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>9.5</td> + <td>5.1</td> + </tr> + <tr> + <td>HTML5标记</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>dir</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("12.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}} [1]</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>overflow</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>XHTML 标记</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>HTML5 标记</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>dir</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("12.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}} [1]</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>overflow</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] See <a href="https://bugs.webkit.org/show_bug.cgi?id=85733">bug 85733</a>.</p> + +<h2 id="Gecko-specific_注释">Gecko-specific 注释</h2> + +<p>Gecko 7.0 {{ geckoRelease("7.0") }} 添加了对所有MathML属性在顶级math元素上的支持。 (也就是说和添加一个{{ MathMLElement("mstyle") }}元素效果一样)。然而，<code>displaystyle</code> 属性直到Gecko 8.0 {{ geckoRelease("8.0") }} 才 <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=669719" title="https://bugzilla.mozilla.org/show_bug.cgi?id=669719">被添加进实现</a>。</p> + +<p>纯文本的fall-back (<code>alttext</code>) 或者指定替代图像的属性<code>altimg</code>, <code>altimg-width</code>, <code>altimg-height</code> 或 <code>altimg-valign</code> 目前都还没有在Gecko中实现。</p> + +<h2 id="另见">另见</h2> + +<ul> + <li>HTML top-level element: {{ HTMLElement("html") }}</li> + <li>SVG top-level element: {{ SVGElement("svg") }}</li> + <li>MathML browser test: For <a class="link-https" href="https://www.eyeasme.com/Joe/MathML/MathML_browser_test">XHTML</a> and <a class="link-https" href="https://eyeasme.com/Joe/MathML/HTML5_MathML_browser_test">HTML5</a></li> +</ul> diff --git a/files/zh-cn/web/mathml/element/mroot/index.html b/files/zh-cn/web/mathml/element/mroot/index.html new file mode 100644 index 0000000000..1df10ea315 --- /dev/null +++ b/files/zh-cn/web/mathml/element/mroot/index.html @@ -0,0 +1,170 @@ +--- +title: <mroot> +slug: Web/MathML/Element/mroot +translation_of: Web/MathML/Element/mroot +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML的<strong><code><mroot></code></strong>元素用来表示一个有明确根指数的根式。它接受两个参数，语法如下：<code><strong><mroot> base index </mroot></strong></code>。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>供<a href="/en-US/docs/CSS">样式表</a>使用。</dd> + <dt id="attr-href">href</dt> + <dd>用来设置标签点击后跳转的链接。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>用来设置标签的背景色，可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>用来设置文字（包括根底数、根指数和根号本身）的颜色，同样可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd> +</dl> + +<h2 id="例子">例子</h2> + +<p>下述代码表示：<img alt="x" src="/files/3200/mroot.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>您的浏览器的渲染结果：<math><mroot><mi>x</mi> <mn>3</mn> </mroot> </math></p> + +<pre class="brush: html"><math> + + <mroot> + <mi>x</mi> + <mn>3</mn> + </mroot> + +</math> +</pre> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.mroot', 'mroot') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mroot', 'mroot') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="相关链接">相关链接</h2> + +<ul> + <li>{{ MathMLElement("msqrt") }} (Square root without an index)</li> +</ul> diff --git a/files/zh-cn/web/mathml/element/mrow/index.html b/files/zh-cn/web/mathml/element/mrow/index.html new file mode 100644 index 0000000000..b735b70dd6 --- /dev/null +++ b/files/zh-cn/web/mathml/element/mrow/index.html @@ -0,0 +1,95 @@ +--- +title: <mrow> +slug: Web/MathML/Element/mrow +tags: + - MathML + - MathML 元素 + - MathML 参考 + - MathML 布局 +translation_of: Web/MathML/Element/mrow +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML <code><mrow></code> 元素用于对连续多行表达式的不同子表达式进行分组，一条子表达式通常算作一行，至少包含一或多个<a href="/en-US/docs/MathML/Element/mo">操作符</a>与其<span class="op_dict_text2">运算对象（比如 </span>{{ MathMLElement("mi") }} 和 {{ MathMLElement("mn") }}）。此元素呈现为包含其内容的水平行。</p> + +<p>在编写 MathML 表达式时，您应该使用 <code><mrow></code> 将表达式中的元素分组，就像它们在数学解释时的分成一行行一样。正确的分组有助于表达式的呈现，具体体现在以下几个方面：</p> + +<ul> + <li>如果有需要，它会改变间距来改善显示效果。</li> + <li>它允许采用更明智的断行和缩进算法。</li> + <li>通过自动化系统，如计算机代数系统和音频渲染器（automated systems such as computer algebra systems and audio renderers），它能简化表达式的解释（interpretation）过程。</li> +</ul> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>用来供<a href="https://wiki.developer.mozilla.org/zh-CN/docs/Web/CSS">样式表</a>使用。</dd> + <dt id="attr-dir">dir</dt> + <dd>行内公式的书写方向。可能的值为 <code>ltr</code>（自左向右）或 <code>rtl</code>（自右向左）。</dd> + <dt id="attr-href">href</dt> + <dd>用于设置一个指向指定的 URI 的超链接。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。支持 <code>#rgb</code>、<code>#rrggbb</code> 和 <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML 颜色</a>。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>文本颜色。支持 <code>#rgb</code>、<code>#rrggbb</code> 和 <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML 颜色</a>。</dd> +</dl> + +<h2 id="示例">示例</h2> + +<pre class="brush: html"><math> + + <mrow> + <mn> 1 </mn> + <mo> + </mo> + <mn> 1 </mn> + </mrow> + + <mrow> + <mo> ( </mo> + <mrow> + <mi> x </mi> + <mo> , </mo> + <mi> y </mi> + </mrow> + <mo> ) </mo> + </mrow> + +</math> +</pre> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">规范</th> + <th scope="col">状态</th> + <th scope="col">备注</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.mrow', 'mrow') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mrow', 'mrow') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + + + +<p>{{Compat("mathml.elements.mrow")}}</p> + +<h2 id="参见">参见</h2> + +<ul> + <li>HTML 分组元素：{{ HTMLElement("div") }}</li> +</ul> diff --git a/files/zh-cn/web/mathml/element/mspace/index.html b/files/zh-cn/web/mathml/element/mspace/index.html new file mode 100644 index 0000000000..85d5543c76 --- /dev/null +++ b/files/zh-cn/web/mathml/element/mspace/index.html @@ -0,0 +1,163 @@ +--- +title: <mspace> +slug: Web/MathML/Element/mspace +translation_of: Web/MathML/Element/mspace +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML<mspace>元素用来表示一段空白，空白的大小由它自身的属性决定。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>用来供<a href="/en-US/docs/CSS">样式表</a>使用。</dd> + <dt id="attr-depth">depth</dt> + <dd>空白在基线下方的高度 (参阅 <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a>).</dd> + <dt id="attr-height">height</dt> + <dd>空白在基线上方的高度 (参阅 <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a>).</dd> + <dt id="attr-linebreak">linebreak</dt> + <dd>Indicates a line-break at the space. Possible values: <code>auto</code> (default value), <code>newline</code>, <code>nobreak</code>, <code>goodbreak</code>, <code>badbreak</code>.<br> + Starting with MathML 3, it is preferred to use {{ MathMLElement("mo") }} to control linebreaking.</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>用来设置背景色，可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd> + <dt id="attr-width">width</dt> + <dd>空白的宽度 (参阅 <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a>).</dd> +</dl> + +<p>注意，一些像<code>mathcolor</code>、<code>mathvariant</code>或<code>dir</code>这种常用的属性在<code><mspace></code>上是无效的。</p> + +<h2 id="例子">例子</h2> + +<pre class="brush: html"><math> + + <mspace depth="40px" height="20px" /> + + <mspace width="100px" /> + +</math> +</pre> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.mspace', 'mspace') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mspace', 'mspace') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>linebreak</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>depth</code>, <code>height</code>, <code>width</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("1.9.2") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>linebreak</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>depth</code>, <code>height</code>, <code>width</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("1.9.2") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Gecko说明">Gecko说明</h2> + +<ul> + <li><a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs" title="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs">Indentation attributes</a> 暂时没有实现 (for Gecko see {{ bug("534962") }}).</li> + <li>从Gecko 23.0 {{geckoRelease("23.0")}}开始实现了对<code>width</code>属性负值的支持。</li> +</ul> + +<h2 id="相关链接">相关链接</h2> + +<ul> + <li>{{ MathMLElement("mpadded") }}</li> + <li>{{ MathMLElement("mphantom") }}</li> +</ul> diff --git a/files/zh-cn/web/mathml/element/msqrt/index.html b/files/zh-cn/web/mathml/element/msqrt/index.html new file mode 100644 index 0000000000..6c8871916a --- /dev/null +++ b/files/zh-cn/web/mathml/element/msqrt/index.html @@ -0,0 +1,169 @@ +--- +title: <msqrt> +slug: Web/MathML/Element/msqrt +translation_of: Web/MathML/Element/msqrt +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML<code><strong><msqrt></strong></code>元素用于表示一个平方根（不显示根指数）。它只接受一个参数，语法如下：<code><strong><msqrt> base </msqrt></strong></code>。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>供<a href="/en-US/docs/CSS">样式表</a>使用。</dd> + <dt id="attr-href">href</dt> + <dd>用来设置标签点击后跳转的链接</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>用来设置标签的背景色，可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>用来设置文字（包括根底数、根指数和根号本身）的颜色，同样可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd> +</dl> + +<h2 id="例子">例子</h2> + +<p>下述代码表示： <img alt="root-x" src="/files/3201/msqrt.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>您的浏览器的渲染结果： <math> <msqrt> <mi>x</mi> </msqrt> </math></p> + +<pre class="brush: html"><math> + + <msqrt> + <mi>x</mi> + </msqrt> + +</math> +</pre> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.msqrt', 'msqrt') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.msqrt', 'msqrt') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="相关链接">相关链接</h2> + +<ul> + <li>{{ MathMLElement("mroot") }} (Radical with an index)</li> +</ul> diff --git a/files/zh-cn/web/mathml/element/msub/index.html b/files/zh-cn/web/mathml/element/msub/index.html new file mode 100644 index 0000000000..8acea4f5bb --- /dev/null +++ b/files/zh-cn/web/mathml/element/msub/index.html @@ -0,0 +1,197 @@ +--- +title: <msub> +slug: Web/MathML/Element/msub +translation_of: Web/MathML/Element/msub +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML<code><strong><msub></strong></code>元素用来为表达式加下标，语法如下：<code><strong><msub> base subscript </msub></strong></code>。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>供<a href="/en-US/docs/CSS">样式表</a>使用。</dd> + <dt id="attr-href">href</dt> + <dd>用来设置标签点击后跳转的链接。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>用来设置标签的背景色，可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>用来设置标签文字的颜色，同样可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd> + <dt id="attr-subscriptshift">subscriptshift</dt> + <dd>用来设置下标相对于表达式的基线的最小距离，它是一个<a href="/en-US/docs/MathML/Attributes/Values#Lengths">长度值</a>。</dd> +</dl> + +<h2 id="例子">例子</h2> + +<p>下述代码表示：<img alt="x1" src="/files/3202/msub.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>您的浏览器的渲染结果： <math> <msub> <mi>X</mi> <mn>1</mn> </msub> </math></p> + +<pre class="brush: html"><math> + + <msub> + <mi>X</mi> + <mn>1</mn> + </msub> + +</math> +</pre> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.msub', 'msub') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.msub', 'msub') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("7.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{CompatNo}}</td> + <td>5.1</td> + </tr> + <tr> + <td><code>subscriptshift</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoMobile("1.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoMobile("7.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + <tr> + <td><code>subscriptshift</code></td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoMobile("1.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="关于Gecko的特殊说明">关于Gecko的特殊说明</h2> + +<ul> + <li>从Gecko 26.0 {{geckoRelease("26")}}开始，不允许使用<none />作为子元素。The rendering has been made more consistent with equivalent configurations of {{MathMLElement("msup")}} and {{MathMLElement("mmultiscripts")}} and a bug with an incorrect application <code>of the </code><code>superscriptshift</code> attribute has been fixed (see {{bug("827713")}} for details).</li> +</ul> + +<h2 id="相关链接">相关链接</h2> + +<ul> + <li>{{ MathMLElement("msup") }} (Superscript)</li> + <li>{{ MathMLElement("msubsup") }} (Subscript-superscript pair)</li> + <li>{{ MathMLElement("mmultiscripts") }} (Prescripts and tensor indices)</li> +</ul> diff --git a/files/zh-cn/web/mathml/element/msubsup/index.html b/files/zh-cn/web/mathml/element/msubsup/index.html new file mode 100644 index 0000000000..cf083f698e --- /dev/null +++ b/files/zh-cn/web/mathml/element/msubsup/index.html @@ -0,0 +1,87 @@ +--- +title: <msubsup> +slug: Web/MathML/Element/msubsup +tags: + - MathML + - MathML 参考 +translation_of: Web/MathML/Element/msubsup +--- +<div>{{MathMLRef}}</div> + +<p><span class="seoSummary">MathML <code><msubsup></code> 元素用于为表达式同时附加上角标和下角标。</span></p> + +<p>它的语法如下：<code><msubsup> <em>base subscript superscript</em> </msubsup></code>.</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style"><code>class</code>、<code>id</code>、<code>style</code></dt> + <dd>供<a href="/zh-CN/docs/CSS">样式</a>使用。</dd> + <dt id="attr-href"><code>href</code></dt> + <dd>Used to set a hyperlink to a specified URI.</dd> + <dt id="attr-mathbackground"><code>mathbackground</code></dt> + <dd>背景颜色。支持 <code>#rgb</code>、<code>#rrggbb</code> 和 <a href="/zh-CN/docs/CSS/color_value#Color_Keywords">HTML 颜色名称</a>。</dd> + <dt id="attr-mathcolor"><code>mathcolor</code></dt> + <dd>文本颜色。支持 <code>#rgb</code>、<code>#rrggbb</code> 和 <a href="/zh-CN/docs/CSS/color_value#Color_Keywords">HTML 颜色名称</a>。</dd> + <dt id="attr-subscriptshift"><code>subscriptshift</code> {{deprecated_inline}}</dt> + <dd>The minimum space by which to shift the subscript below the baseline of the expression, as a <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length value.</a><br> + This attribute is deprecated and will be removed in the future.</dd> + <dt id="attr-superscriptshift"><code>superscriptshift</code> {{deprecated_inline}}</dt> + <dd>The minimum space by which to shift the superscript above the baseline of the expression, as a <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length value.</a><br> + This attribute is deprecated and will be removed in the future.</dd> +</dl> + +<h2 id="示例">示例</h2> + +<p>示例渲染结果：<img alt="x1" src="/files/3204/msubsup.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>当前浏览器中的渲染结果：<math displaystyle="true"> <msubsup><mo>∫</mo> <mn> 0 </mn> <mn> 1 </mn> </msubsup> </math></p> + +<pre class="brush: html"><math displaystyle="true"> + + <msubsup> + <mo> &#x222B;<!-- 积分符号 --> </mo> + <mn> 0 </mn> + <mn> 1 </mn> + </msubsup> + +</math> +</pre> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">规范</th> + <th scope="col">状态</th> + <th scope="col">备注</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.msubsup', 'msubsup') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.msubsup', 'msubsup') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + + + +<p>{{Compat("mathml.elements.msubsup")}}</p> + +<h2 id="参见">参见</h2> + +<ul> + <li>{{ MathMLElement("msub") }}（上标）</li> + <li>{{ MathMLElement("msup") }}（下标）</li> + <li>{{ MathMLElement("mmultiscripts") }}（Prescript 和 tensor indice）</li> +</ul> diff --git a/files/zh-cn/web/mathml/element/msup/index.html b/files/zh-cn/web/mathml/element/msup/index.html new file mode 100644 index 0000000000..36513dd6f7 --- /dev/null +++ b/files/zh-cn/web/mathml/element/msup/index.html @@ -0,0 +1,90 @@ +--- +title: <msup> +slug: Web/MathML/Element/msup +tags: + - MathML + - MathML 元素 + - MathML 参考 +translation_of: Web/MathML/Element/msup +--- +<div>{{MathMLRef}}</div> + +<p><span class="seoSummary">MathML <code><strong><msup></strong></code> 元素用于为表达式加上标。</span></p> + +<p>语法如下：<code><msup> <em>base superscript</em> </msup></code>。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style"><code>class</code>, <code>id</code>, <code>style</code></dt> + <dd>用来供<a href="/zh-CN/docs/Web/CSS">样式表</a>使用。</dd> + <dt id="attr-href"><code>href</code></dt> + <dd>用来设置标签点击后跳转的链接。</dd> + <dt id="attr-mathbackground"><code>mathbackground</code></dt> + <dd>用来设置背景色，可以使用 <code>#rgb</code>、<code>#rrggbb</code> 或者 <a href="/zh-CN/docs/Web/CSS/color_value">HTML 颜色名</a>。</dd> + <dt id="attr-mathcolor"><code>mathcolor</code></dt> + <dd>用来设置文字颜色，同样可以使用 <code>#rgb</code>、<code>#rrggbb</code> 或者 <a href="/zh-CN/docs/Web/CSS/color_value">HTML 颜色名</a>。</dd> + <dt id="attr-superscriptshift"><code>superscriptshift</code> {{deprecated_inline}}</dt> + <dd>用来设置上标相对于表达式的基线的最小距离，它是一个<a href="/en-US/docs/MathML/Attributes/Values#Lengths">长度值</a>。<br> + 此属性已被弃用，且将在未来被删除。</dd> +</dl> + +<h2 id="例子">例子</h2> + +<p>下述代码表示：<img alt="x1" src="/files/3203/msup.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>您的浏览器的渲染结果：<math> <msup> <mi>X</mi> <mn>2</mn> </msup> </math></p> + +<pre class="brush: html"><math> + + <msup> + <mi>X</mi> + <mn>2</mn> + </msup> + +</math> +</pre> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">规范</th> + <th scope="col">状态</th> + <th scope="col">备注</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.msup', 'msup') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.msup', 'msup') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + + + +<p>{{Compat("mathml.elements.msup")}}</p> + +<h3 id="Gecko说明">Gecko说明</h3> + +<ul> + <li>从 Gecko 26.0 {{geckoRelease("26")}} 开始，不再支持使用 <none /> 作为子元素。并且渲染结果和 {{MathMLElement("msub")}} 和 {{MathMLElement("mmultiscripts")}} 这些等价配置更加接近，同时修复了一个关于 superscriptshift 属性错误使用的问题(参阅 {{bug("827713")}}).</li> +</ul> + +<h2 id="参见">参见</h2> + +<ul> + <li>{{ MathMLElement("msub") }}（下标）</li> + <li>{{ MathMLElement("msubsup") }}（上下标）</li> + <li>{{ MathMLElement("mmultiscripts") }}（四角标，张量式标记）</li> +</ul> |