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 | |
| 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')
| -rw-r--r-- | files/zh-cn/web/mathml/attribute/index.html | 483 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/authoring/index.html | 375 | ||||
| -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 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/examples/deriving_the_quadratic_formula/index.html | 12 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/examples/index.html | 22 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/examples/mathml_pythagorean_theorem/index.html | 19 | ||||
| -rw-r--r-- | files/zh-cn/web/mathml/index.html | 75 |
16 files changed, 2738 insertions, 0 deletions
diff --git a/files/zh-cn/web/mathml/attribute/index.html b/files/zh-cn/web/mathml/attribute/index.html new file mode 100644 index 0000000000..9341e1e996 --- /dev/null +++ b/files/zh-cn/web/mathml/attribute/index.html @@ -0,0 +1,483 @@ +--- +title: MathML attribute reference +slug: Web/MathML/Attribute +translation_of: Web/MathML/Attribute +--- +<p>此页面是MathML属性的字母表。 每个属性的更多详细信息请看这里<a href="/en-US/docs/MathML/Element" title="/en-US/docs/MathML/Element">element pages</a>。</p> + +<p>注意：</p> + +<ul> + <li>MathML的 {{ MathMLElement("mstyle") }} 和 {{ MathMLElement("math") }} {{ gecko_minversion_inline("7.0") }} 元素接受所有 MathML 的描述元素。</li> + <li>请参阅MathML中值（<a href="/en-US/docs/MathML/Attributes/Values" title="/en-US/docs/MathML/Attributes/Values">values</a>）和单位的注释值。</li> +</ul> + +<table class="standard-table"> + <thead> + <tr> + <th>名（Name）</th> + <th><span style="display: none;"> </span><span style="display: none;"> </span>元素接受的属性（Elements accepting attribute）<span style="display: none;"> </span><span style="display: none;"> </span></th> + <th>描述（Description）</th> + </tr> + </thead> + <tbody> + <tr id="accent"> + <td><code>accent</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }}</td> + <td> + <p>布尔类型的值，指明操作符是否应该被视为accent。</p> + + <p>原文：A Boolean value specifying whether the operator should be treated as an accent.</p> + </td> + </tr> + <tr id="accentunder"> + <td><code>accentunder</code></td> + <td>{{ MathMLElement("munder") }}, {{ MathMLElement("munderover") }}</td> + <td> + <p>布尔类型的值，指明操作符是否应该被视为accent。</p> + + <p>原文：A Boolean value specifying whether the operator should be treated as an accent.</p> + </td> + </tr> + <tr id="actiontype"> + <td><code>actiontype</code></td> + <td>{{ MathMLElement("maction") }}</td> + <td>字符串类型的值，指明元素发生的操作。</td> + </tr> + <tr id="align"> + <td><code>align</code></td> + <td>{{ MathMLElement("mtable") }}<br> + {{ MathMLElement("munder") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }}<br> + {{ MathMLElement("mstack") }}</td> + <td>Specifies different alignments of several elements (see element pages for details).</td> + </tr> + <tr id="alignmentscope"> + <td>{{ unimplemented_inline() }} <code>alignmentscope</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>A Boolean value specifying whether table columns should act as alignment scopes or not.</td> + </tr> + <tr id="alt-*"> + <td>{{ unimplemented_inline() }}<br> + <code>altimg</code><br> + <code>altimg-width</code><br> + <code>altimg-height</code><br> + <code>altimg-valign</code><br> + <code>alttext</code></td> + <td>{{ MathMLElement("math") }}</td> + <td>Visual and textual fall-back options.</td> + </tr> + <tr id="bevelled"> + <td><code>bevelled</code></td> + <td>{{ MathMLElement("mfrac") }}</td> + <td>Specifies the style how the fraction should be displayed.</td> + </tr> + <tr id="charalign"> + <td>{{ unimplemented_inline() }} <code>charalign</code></td> + <td>{{ MathMLElement("mstack") }}</td> + <td>Specifies the horizontal alignment of digits.</td> + </tr> + <tr id="close"> + <td><code>close</code></td> + <td>{{ MathMLElement("mfenced") }}</td> + <td>A string for the closing delimiter.</td> + </tr> + <tr id="columnalign"> + <td><code>columnalign</code></td> + <td>{{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}, {{ MathMLElement("mlabeledtr") }}</td> + <td>Specifies the horizontal alignment of table cells.</td> + </tr> + <tr id="columnlines"> + <td><code>columnlines</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies table column borders.</td> + </tr> + <tr id="columnspacing"> + <td>{{ unimplemented_inline() }} <code>columnspacing</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies the space between table columns.</td> + </tr> + <tr id="columnspan"> + <td><code>columnspan</code></td> + <td>{{ MathMLElement("mtd") }}</td> + <td>A non-negative integer value that indicates on how many table columns does the cell extend.</td> + </tr> + <tr id="columnwidth"> + <td>{{ unimplemented_inline() }} <code>columnwidth</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies the width of table columns.</td> + </tr> + <tr id="crossout"> + <td>{{ unimplemented_inline() }} <code>crossout</code></td> + <td>{{ MathMLElement("mscarry") }}</td> + <td>Specifies what kind of line is drawn to cross out carries.</td> + </tr> + <tr id="decimalpoint"> + <td>{{ unimplemented_inline() }} <code>decimalpoint</code></td> + <td>{{ MathMLElement("mstyle") }}</td> + <td>If the <code>decimalpoint</code> value is used to specify the <a href="#align">alignment</a>, this attribute is specifying the character for the alignment point within {{ MathMLElement("mstack") }} and {{ MathMLElement("mtable") }} columns.</td> + </tr> + <tr id="denomalign"> + <td><code>denomalign</code></td> + <td>{{ MathMLElement("mfrac") }}</td> + <td>The alignment of the denominator under the fraction.</td> + </tr> + <tr id="depth"> + <td><code>depth</code></td> + <td>{{ MathMLElement("mpadded") }}</td> + <td>Sets or increments the depth. See <a href="/en-US/docs/MathML/Attributes/Values" title="/en-US/docs/MathML/Attributes/Values">length</a>.</td> + </tr> + <tr id="dir"> + <td><code>dir</code></td> + <td>{{ MathMLElement("math") }}, {{ MathMLElement("mi") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("mrow") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td> + <td>The text direction. Possible values are either ltr (left to right) or rtl (right to left).</td> + </tr> + <tr id="display"> + <td><code>display</code></td> + <td>{{ MathMLElement("math") }}</td> + <td>Specifies the rendering mode. The values <code>block</code> and <code>inline</code> are allowed.</td> + </tr> + <tr id="displaystyle"> + <td><code>displaystyle</code></td> + <td>{{ MathMLElement("mstyle") }}, {{ MathMLElement("mtable") }}</td> + <td>A Boolean value specifying whether more vertical space is used for displayed equations or, if set to <code>false</code>, a more compact layout is used to display formulas.</td> + </tr> + <tr id="edge"> + <td>{{ unimplemented_inline() }} <code>edge</code></td> + <td>{{ MathMLElement("malignmark") }}</td> + <td> </td> + </tr> + <tr id="equalcolumns"> + <td>{{ unimplemented_inline() }} <code>equalcolumns</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>A Boolean value indicating whether to force all columns to have the same total height.</td> + </tr> + <tr id="equalrows"> + <td>{{ unimplemented_inline() }} <code>equalrows</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>A Boolean value indicating whether to force all rows to have the same total height.</td> + </tr> + <tr id="fence"> + <td><code>fence</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>A Boolean value specifying whether the operator is a fence (such as parentheses). There is no visual effect for this attribute.</td> + </tr> + <tr id="form"> + <td>{{ unimplemented_inline() }} <code>form</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>Specifies the role of the operator in an enclosed expression.</td> + </tr> + <tr id="frame"> + <td><code>frame</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies borders of an entire {{ MathMLElement("mtable") }}. Possible values are: <code>none</code> (default), <code>solid</code> and <code>dashed</code>.</td> + </tr> + <tr id="framespacing"> + <td>{{ unimplemented_inline() }} <code>framespacing</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies additional space added between the table and <code>frame</code>.</td> + </tr> + <tr id="groupalign"> + <td>{{ unimplemented_inline() }} <code>groupalign</code></td> + <td>{{ MathMLElement("maligngroup") }}, {{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}</td> + <td> </td> + </tr> + <tr id="height"> + <td><code>height</code></td> + <td>{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}</td> + <td>Specifies the desired height. See <a href="/en-US/docs/MathML/Attributes/Values#Lengths" title="/en-US/docs/MathML/Attributes/Values#Lengths">lengths</a> for possible values.</td> + </tr> + <tr id="href"> + <td><code>href</code></td> + <td><em>All</em></td> + <td>Used to set a hyperlink to a specified URI.</td> + </tr> + <tr id="id"> + <td><code>id</code></td> + <td><em>All</em></td> + <td>Sets up a unique identifier associated with the element.</td> + </tr> + <tr id="indentalign"> + <td>{{ unimplemented_inline() }} <code>indentalign</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indentalignfirst"> + <td>{{ unimplemented_inline() }} <code>indentalignfirst</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indentalignlast"> + <td>{{ unimplemented_inline() }} <code>indentalignlast</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indentshift"> + <td>{{ unimplemented_inline() }} <code>indentshift</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indentshiftfirst"> + <td>{{ unimplemented_inline() }} <code>indentshiftfirst</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indentshiftlast"> + <td>{{ unimplemented_inline() }} <code>indentshiftlast</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indenttarget"> + <td>{{ unimplemented_inline() }} <code>indenttarget</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="infixlinebreakstyle"> + <td>{{ unimplemented_inline() }} <code>infixlinebreakstyle</code></td> + <td>{{ MathMLElement("mstyle") }}</td> + <td>Specifies the default <code>linebreakstyle</code> to use for infix operators.</td> + </tr> + <tr id="largeop"> + <td><code>largeop</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>Specifies whether the operator should be drawn larger than normal.</td> + </tr> + <tr id="length"> + <td><code>length</code></td> + <td>{{ MathMLElement("msline") }}</td> + <td> </td> + </tr> + <tr id="linebreak"> + <td>{{ unimplemented_inline() }} <code>linebreak</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="linebreakmultchar"> + <td>{{ unimplemented_inline() }} <code>linebreakmultchar</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="linebreakstyle"> + <td>{{ unimplemented_inline() }} <code>linebreakstyle</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="lineleading"> + <td>{{ unimplemented_inline() }} <code>lineleading</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="linethickness"> + <td><code>linethickness</code></td> + <td>{{ MathMLElement("mfrac") }}</td> + <td>The thickness of the horizontal fraction line.</td> + </tr> + <tr id="location"> + <td>{{ unimplemented_inline() }} <code>location</code></td> + <td>{{ MathMLElement("mscarries") }}</td> + <td> </td> + </tr> + <tr id="longdivstyle"> + <td>{{ unimplemented_inline() }} <code>longdivstyle</code></td> + <td>{{ MathMLElement("mlongdiv") }}</td> + <td>Controls the style of the long division layout.</td> + </tr> + <tr id="lspace"> + <td><code>lspace</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mpadded") }}</td> + <td>The amount of space before the operator (see <a href="/en-US/docs/MathML/Attributes/Values#Lengths" title="/en-US/docs/MathML/Attributes/Values#Lengths">length</a> for values and units).</td> + </tr> + <tr id="lquote"> + <td><code>lquote</code></td> + <td>{{ MathMLElement("ms") }}</td> + <td>The opening quote character (depends on <code>dir</code>) to enclose the content. The default value is "<code>&quot;</code>".</td> + </tr> + <tr id="mathbackground"> + <td><code>mathbackground</code></td> + <td><em>All</em></td> + <td>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords" title="/en-US/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords">HTML color names</a>.</td> + </tr> + <tr id="mathcolor"> + <td><code>mathcolor</code></td> + <td><em>All</em></td> + <td>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords" title="/en-US/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords">HTML color names</a>.</td> + </tr> + <tr id="mathsize"> + <td><code>mathsize</code></td> + <td>{{ MathMLElement("mi") }}, {{ MathMLElement("mn") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td> + <td>The size of the content. Starting with Gecko 20.0 {{geckoRelease("20")}} unitless values are allowed and are interpreted as N times of the default size.</td> + </tr> + <tr id="mathvariant"> + <td><code>mathvariant</code></td> + <td>{{ MathMLElement("mi") }}, {{ MathMLElement("mn") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td> + <td>The logical class of the identifier, which varies in typography.</td> + </tr> + <tr id="maxsize"> + <td><code>maxsize</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>The maximum size of the operator.</td> + </tr> + <tr id="minlabelspacing"> + <td>{{ unimplemented_inline() }} <code>minlabelspacing</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>A <a href="/en-US/docs/MathML/Attributes/Values" title="/en-US/docs/MathML/Attributes/Values">length value</a> specifing the minimum space between a <a href="Element/mlabeledtr" rel="internal" title="/en-US/docs/MathML/Element/mlabeledtr">label</a> and the adjacent cell in the row.</td> + </tr> + <tr id="minsize"> + <td><code>minsize</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>The minimum size of the operator.</td> + </tr> + <tr id="movablelimits"> + <td><code>movablelimits</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>Specifies whether attached under- and overscripts move to sub- and superscript positions.</td> + </tr> + <tr id="notation"> + <td><code>notation</code></td> + <td>{{ MathMLElement("menclose") }}</td> + <td>A list of notations, separated by white space, to apply to the child elements.</td> + </tr> + <tr id="numalign"> + <td><code>numalign</code></td> + <td>{{ MathMLElement("mfrac") }}</td> + <td>The alignment of the numerator over the fraction.</td> + </tr> + <tr id="open"> + <td><code>open</code></td> + <td>{{ MathMLElement("mfenced") }}</td> + <td>A string for the opening delimiter.</td> + </tr> + <tr id="overflow"> + <td>{{ unimplemented_inline() }} <code>overflow</code></td> + <td>{{ MathMLElement("math") }}</td> + <td>If an expression is too long to fit in the allowed width, this attribute sets the preferred handling.</td> + </tr> + <tr id="position"> + <td>{{ unimplemented_inline() }} <code>position</code></td> + <td>{{ MathMLElement("msgroup") }}, {{ MathMLElement("msrow") }}, {{ MathMLElement("mscarries") }}, {{ MathMLElement("msline") }}</td> + <td> </td> + </tr> + <tr id="rowalign"> + <td><code>rowalign</code></td> + <td>{{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}</td> + <td>Specifies the vertical alignment of table cells.</td> + </tr> + <tr id="rowlines"> + <td><code>rowlines</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies table row borders.</td> + </tr> + <tr id="rowspacing"> + <td><code>rowspacing</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies the space between table rows.</td> + </tr> + <tr id="rowspan"> + <td><code>rowspan</code></td> + <td>{{ MathMLElement("mtd") }}</td> + <td>A non-negative integer value that indicates on how many rows does the cell extend.</td> + </tr> + <tr id="rspace"> + <td><code>rspace</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>The amount of space after the operator.</td> + </tr> + <tr id="rquote"> + <td><code>rquote</code></td> + <td>{{ MathMLElement("ms") }}</td> + <td>The closing quote mark (depends on <code>dir</code>) to enclose the content. The default value is "<code>&quot;</code>".</td> + </tr> + <tr id="scriptlevel"> + <td><code>scriptlevel</code></td> + <td>{{ MathMLElement("mstyle") }}</td> + <td>Controls mostly the font-size. The higher the <code>scriptlevel</code>, the smaller the font size.</td> + </tr> + <tr id="scriptminsize"> + <td><code>scriptminsize</code></td> + <td>{{ MathMLElement("mstyle") }}</td> + <td>Specifies a minimum font size allowed due to changes in <code>scriptlevel</code>.<br> + Starting with Gecko 20.0 {{geckoRelease("20")}} unitless values and percent values are allowed and interpreted as multiple of "8pt".</td> + </tr> + <tr id="scriptsizemultiplier"> + <td><code>scriptsizemultiplier</code></td> + <td>{{ MathMLElement("mstyle") }}</td> + <td>Specifies the multiplier to be used to adjust font size due to changes in <code>scriptlevel</code>.</td> + </tr> + <tr id="selection"> + <td><code>selection</code></td> + <td>{{ MathMLElement("maction") }}</td> + <td>The child element which is addressed by the action.</td> + </tr> + <tr id="separator"> + <td><code>separator</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>There is no visual effect for this attribute, but it specifies whether the operator is a separator (such as commas).</td> + </tr> + <tr id="separators"> + <td><code>separators</code></td> + <td>{{ MathMLElement("mfenced") }}</td> + <td>A sequence of zero or more characters to be used for different separators.</td> + </tr> + <tr id="shift"> + <td>{{ unimplemented_inline() }} <code>shift</code></td> + <td>{{ MathMLElement("msgroup") }}</td> + <td> </td> + </tr> + <tr id="side"> + <td>{{ unimplemented_inline() }} <code>side</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies the position where {{ MathMLElement("mlabeledtr") }} label elements should be placed.</td> + </tr> + <tr id="src"> + <td>{{ unimplemented_inline() }} <code>src</code></td> + <td>{{ MathMLElement("mglyph") }}</td> + <td>The location of the image resource.</td> + </tr> + <tr id="stackalign"> + <td>{{ unimplemented_inline() }} <code>stackalign</code></td> + <td>{{ MathMLElement("mstack") }}</td> + <td> </td> + </tr> + <tr id="stretchy"> + <td><code>stretchy</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>Specifies whether the operator stretches to the size of the adjacent element.</td> + </tr> + <tr id="subscriptshift"> + <td><code>subscriptshift</code></td> + <td>{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msub") }}, {{ MathMLElement("msubsup") }}</td> + <td>The minimum space by which to shift the subscript below the baseline of the expression.</td> + </tr> + <tr id="supscriptshift"> + <td><code>supscriptshift</code></td> + <td>{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msup") }}, {{ MathMLElement("msubsup") }}</td> + <td>The minimum space by which to shift the superscript above the baseline of the expression.</td> + </tr> + <tr id="symmetric"> + <td><code>symmetric</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>If <code>stretchy</code> is <code>true</code>, this attribute specifies whether the operator should be vertically symmetric around the imaginary math axis (centered fraction line).</td> + </tr> + <tr id="voffset"> + <td><code>voffset</code></td> + <td>{{ MathMLElement("mpadded") }}</td> + <td>Sets the vertical position of the child content.</td> + </tr> + <tr id="width"> + <td><code>width</code></td> + <td>{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}, {{ MathMLElement("mtable") }}</td> + <td>Specifies the desired width. See <a href="/en-US/docs/MathML/Attributes/Values#Lengths" title="/en-US/docs/MathML/Attributes/Values#Lengths">lengths</a> for possible values.</td> + </tr> + <tr id="xlink-href"> + <td><code>xlink:href</code></td> + <td><em>All</em></td> + <td>Can be used to set a hyperlink to a specfied URI. However, authors are encouraged to use the <code>href</code> attribute instead.</td> + </tr> + <tr id="xmlns"> + <td><code>xmlns</code></td> + <td>{{ MathMLElement("math") }}</td> + <td>Specifies the URI for the MathML namespace (<code><a class="external" href="http://www.w3.org/1998/Math/MathML" rel="freelink">http://www.w3.org/1998/Math/MathML</a></code>)</td> + </tr> + </tbody> +</table> + +<p> </p> diff --git a/files/zh-cn/web/mathml/authoring/index.html b/files/zh-cn/web/mathml/authoring/index.html new file mode 100644 index 0000000000..5e247f1680 --- /dev/null +++ b/files/zh-cn/web/mathml/authoring/index.html @@ -0,0 +1,375 @@ +--- +title: 编写 MathML +slug: Web/MathML/Authoring +tags: + - MathML + - 起步 +translation_of: Web/MathML/Authoring +--- +<div>{{MathMLRef}}</div> + +<p>这个页面解释了如何利用 MathML 语言书写数学公式。就像 HTML，MathML 是用标签和属性描述的。当你的文档包含了高级结构比如说列表或表格的时候，HTML 会变得很冗长，但是幸好还有很多来自简单记号法的生成器，“所见即所得”编辑器以及别的内容管理系统可以帮助你编写 Web 网页。</p> + +<p>数学公式记号法在结构方面更加复杂，像分数、平方根或者矩阵，很可能需要它们自己的标签。结果是，好的 MathML 编辑工具很重要，我们在下面描述一些工具。值得一说的是，Mozilla MathML 工作小组已经开发出了 <a href="https://github.com/fred-wang/TeXZilla/">TeXZilla</a>，这是一个基于 JavaScript、支持 Unicode 编码的 LaTeX 转 MathML 转换器，is intended to be used in many scenarios described here。当然了，这个列表并不详尽，我们建议你自己去查看 <a href="http://www.w3.org/Math/Software/">W3C MathML软件列表</a>，你可以在那里找到很多别的工具。</p> + +<p>注意，根据设计，MathML 在 HTML5 中是完美整合的，而且你可以使用寻常的 Web 功能，比如说 CSS、DOM、JavaScript 或 SVG。这超出这个文档的范围了，但是任何拥有基础 Web 语言知识的人都能够轻松地学会用 MathML 综合这些功能。请阅读<a href="/en-US/docs/Mozilla/MathML_Project#Sample_MathML_Documents">我们的文档</a>以及 <a href="/zh-CN/docs/Web/MathML">MathML 参考</a>以了解详情。</p> + +<h2 id="使用_MathML">使用 MathML</h2> + +<h4 id="Example_in_HTML5_texthtml" name="Example_in_HTML5_(text/html)">HTML 网页中的 MathML</h4> + +<p>你可以在 HTML5 文档内部使用 MathML 表达式：</p> + +<pre class="brush: html"><!DOCTYPE html> +<html> +<head> + <title>MathML in HTML5</title> +</head> +<body> + + <h1>MathML in HTML5</h1> + + <p> + Square root of two: + <math> + <msqrt> + <mn>2</mn> + </msqrt> + </math> + </p> + +</body> +</html> </pre> + +<p>浏览器不支持转换 MathML 的内容。建议在发布网页之前，把你的 MathML 内容标记转换成 MathML 表达式，比如说利用 <a class="external" href="http://code.google.com/p/web-xslt/source/browse/trunk/#trunk/ctop">ctop.xsl</a> 样式表作为辅助。本页提到的工具可以生成 MathML 表达式。</p> + +<h4 id="对不支持_MathML_的浏览器的后备计划">对不支持 MathML 的浏览器的后备计划</h4> + +<p>不幸的是，一些浏览器不能呈现 MathML 方程式，或者只能有限地支持它。因此，你可能需要使用一个MathML polyfill 以提供一些用于呈现的后备计划。如果你只需要基本的数学公式结构，比如说用在这个 MDN wiki 中的这些，那么，一个小型的 <a href="https://github.com/fred-wang/mathml.css">mathml.css</a> 样式表就足够了。要想使用它，只需要在你的文档中插入一行内容：</p> + +<pre class="brush: html"><script src="http://fred-wang.github.io/mathml.css/mspace.js"></script></pre> + +<p>如果你需要更多复杂的结构，你需要考虑使用更重一些的 <a href="http://www.mathjax.org" title="http://www.mathjax.org">MathJax</a> 库作为一个MathML polyfill：</p> + +<pre class="brush: html"><script src="http://fred-wang.github.io/mathjax.js/mpadded-min.js"></script></pre> + +<p>注意有两个脚本执行功能功能探测了 <a href="/en-US/docs/Web/MathML/Element/mspace">mspace</a> 元素和 <a href="/en-US/docs/Web/MathML/Element/mpadded">mpadded</a> 元素（请看这几个页面的浏览器兼容性表）。还有一些类似的脚本，对于不支持 MathML 的浏览器，会在网页顶部显示一个警告，让用户选择一个后备计划：</p> + +<pre class="brush: html"><script src="http://fred-wang.github.io/mathml-warning.js/mpadded-min.js"></script></pre> + +<p>如果你不想使用指向 Github 的链接，但是想在你的项目中整合这些铺垫，或者别的东西，你需要探测脚本以核实 MathML 支持的程度。举个例子，下面的函数通过检测 <code>mspace</code> 元素，核实了是否支持 MathML（你可以用 <code>mpadded</code> 替换 <code>mspace</code>）。</p> + +<pre class="brush: js"> function hasMathMLSupport() { + var div = document.createElement("div"), box; + div.innerHTML = "<math><mspace height='23px' width='77px'/></math>"; + document.body.appendChild(div); + box = div.firstChild.firstChild.getBoundingClientRect(); + document.body.removeChild(div); + return Math.abs(box.height - 23) <= 1 && Math.abs(box.width - 77) <= 1; +}</pre> + +<p>作为替选，下面的用户代理字符串嗅探将允许侦测带原生 MathML 支持的渲染引擎（Geocko 和 WebKit）。注意，UA 字符串嗅探不是最可靠的方法，而且可能会在版本之间被破坏（break from version to version）：</p> + +<pre class="brush: js">var ua = navigator.userAgent; +var isGecko = ua.indexOf("Gecko") > -1 && ua.indexOf("KHTML") === -1 && ua.indexOf('Trident') === -1; +var isWebKit = ua.indexOf('AppleWebKit') > -1 && ua.indexOf('Chrome') === -1; +</pre> + +<h4 id="数学公式字体">数学公式字体</h4> + +<p>In order to get a good layout or to allow different style, it's important to have mathematical fonts available. It's always good to provide a link to <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">MDN's Font Instructions</a>, so that your visitors can verify whether they have appropriate fonts installed on their system. It's also good to provide a fallback with Web fonts.</p> + +<p>Prior to Gecko 31.0 {{GeckoRelease("31.0")}}, it was a bit tedious to setup math fonts, see the <a href="/en-US/docs/Mozilla/MathML_Project/FontsMozilla2.0#MathML_Font_Selection_with_CSS">font instructions for Mozilla 2.0</a>. For Gecko 31.0 {{GeckoRelease("31.0")}}, this is much simpler and is compatible with any Web rendering engine with MathML support. For example, here is a minimal stylesheet to use Latin Modern for the text and Latin Modern Math for the mathematics:</p> + +<pre class="brush: css">@namespace url('http://www.w3.org/1999/xhtml'); +@namespace m url('http://www.w3.org/1998/Math/MathML'); + +body, m|mtext { + font-family: Latin Modern; +} +m|math { + font-family: Latin Modern Math; +}</pre> + +<p>You can then use the <a href="/en-US/docs/Web/CSS/@font-face">@font-face</a> rule as usual to provide WOFF fallback for Latin Modern and Latin Modern Math. See this <a href="https://github.com/fred-wang/MathFonts">GitHub repository to get WOFF fonts and sample CSS stylesheets</a> to use on your Web site and check <a href="http://fred-wang.github.io/MathFonts/">its test page</a>.</p> + +<h4 id="XML文档中的_MathML（XHTML、EPUB，等等）">XML文档中的 MathML（XHTML、EPUB，等等）</h4> + +<p>If for some reason you need to use MathML in XML documents, be sure to satisfy the usual requirements: well-formed document, use of correct MIME type, MathML namespace <code>"http://www.w3.org/1998/Math/MathML"</code> on <code><math></code> roots. For example, the XHTML version of the previous example looks like this:<br> + </p> + +<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>XHTML+MathML Example</title> +</head> +<body> + +<h1>XHTML+MathML Example</h1> + + <p> + Square root of two: + <math xmlns="http://www.w3.org/1998/Math/MathML"> + <msqrt> + <mn>2</mn> + </msqrt> + </math> + </p> + +</body> +</html> </pre> + +<p>Note that if you use MathML as a standalone .mml or .svg documents or inside an EPUB book, it may not always be possible to use MathJax as a polyfill for rendering engines without MathML support. Hence whether MathML can be handled will vary according to the tools used to read these documents.</p> + +<h4 id="电子邮件和即时通讯客户端中的_MathML">电子邮件和即时通讯客户端中的 MathML</h4> + +<p>Modern mail clients may send and receive emails in the HTML5 format and thus can use MathML expressions. Be sure to have the "send as HTML" and "view as HTML" options enabled. In Thunderbird, you can use the "Insert HTML" command to paste your HTML+MathML code. <a href="http://disruptive-innovations.com/zoo/MathBird/" title="http://disruptive-innovations.com/zoo/MathBird/">MathBird</a> is a convenient add-on for Thunderbird to insert such MathML expressions using the AsciiMath input syntax. Moreover, a LaTeX-to-MathML input box has also been integrated into <a href="http://www.seamonkey-project.org/">SeaMonkey</a> since version 2.28 and into <a href="https://www.mozilla.org/thunderbird/">Thunderbird</a> since version 31. Again, the way MathML is handled and the quality of the MathML rendering <a href="http://www.maths-informatique-jeux.com/blog/frederic/?post/2012/11/14/Writing-mathematics-in-emails#c121" title="http://www.maths-informatique-jeux.com/blog/frederic/?post/2012/11/14/Writing-mathematics-in-emails#c121">depend on the mail clients</a>. Even if your browser supports MathML, your Webmail may prevent you to send or receive mails with MathML inside.</p> + +<p>Gecko-based instant messaging clients can integrate a Javascript-based text-to-MathML converter (mentioned below) and then render the MathML expressions generated from the (plaintext) instant messages. For example, there is an <a href="https://addons.instantbird.org/en-US/instantbird/addon/340" title="https://addons.instantbird.org/en-US/instantbird/addon/340">Instantbird add-on</a> that handles LaTeX expressions.</p> + +<h2 id="从简单句法转换">从简单句法转换</h2> + +<p>There are many simple notations (e.g. wiki or markdown syntaxes) to generate HTML pages. The same is true for MathML: for example ASCII syntaxes as used in calculators or the more powerful LaTeX language, very popular among the scientific community. In this section, we present some of these tools to convert from a simple syntax to MathML.</p> + +<ul> + <li>pros: + <ul> + <li>Writing mathematical expressions may only require a standard text editor.</li> + <li>Many tools are available, some of them are compatible with the classical LaTeX-to-pdf workflow.</li> + <li>This gives access to advanced features of LaTeX like macros.</li> + </ul> + </li> + <li>cons: + <ul> + <li>This may be harder to use: people must learn a syntax, typos in the code may easily lead to parsing or rendering errors etc</li> + <li>The interface is not user-friendly: only code editor without immediate display of the mathematical expression.</li> + <li>None of the syntax has been standardized, making cross-compatibility between converters difficult. Even the popular LaTeX language keeps having new packages added.</li> + </ul> + </li> +</ul> + +<h3 id="客户端转换">客户端转换</h3> + +<p>In a Web environment, the most obvious method to convert a simple syntax into a DOM tree is to use Javascript and of course many libraries have been developed to perform that task.</p> + +<ul> + <li>pros: + <ul> + <li>This is very easy setup: only a few Javascript and CSS files to upload and/or a link to add to your document header.</li> + <li>This is a pure Web-based solution: everything is done by the browsers and no other programs must be installed or compiled.</li> + </ul> + </li> + <li>cons: + <ul> + <li>This won't work if the visitor has Javascript disabled.</li> + <li>The MathML code is not exposed to Web crawlers (e.g. those of math search engines or feed aggregators). In particular, your content won't show up properly on Planet.</li> + <li>The conversion must be done at each page load, may be slow and may conflict with the HTML parsing (e.g. "<" for tags or "$" for money amounts)</li> + <li>You may need to synchronize the Javascript converter with other Javascript programs on your page.</li> + </ul> + </li> +</ul> + +<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> has an <a href="https://github.com/fred-wang/x-tex"><x-tex></a> custom element, that can be used to write things like</p> + +<pre><span class="brush: html"><<span class="start-tag">x-tex</span>></span><span>\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1</span><span class="brush: html"></<span class="end-tag">x-tex</span>></span></pre> + +<p>and get it automatically converted into MathML. This is still a work-in-progress, but could be improved in the future thanks to Web Components and shadow DOM. Alternatively, you can use the more traditional <a href="https://github.com/fred-wang/TeXZilla/wiki/Advanced-Usages#parsing-tex-expressions-in-your-web-page">Javascript parsing of expressions at load time</a> as all the other tools in this section do.</p> + +<p>One simple client-side conversion tools is <a href="http://www1.chapman.edu/~jipsen/mathml/asciimath.html" title="http://www1.chapman.edu/~jipsen/mathml/asciimath.html">ASCIIMathML</a>. Just download the <a href="http://mathcs.chapman.edu/~jipsen/mathml/ASCIIMathML.js" title="http://mathcs.chapman.edu/~jipsen/mathml/ASCIIMathML.js">ASCIIMathML.js</a> script and copy it to your Web site. Then on your Web pages, add a <code><script></code> tag to load ASCIIMathML and the mathematical expressions delimited by <code>`</code> (grave accent) will be automatically parsed and converted to MathML:</p> + +<pre class="brush: html"><html> +<head> +... +<script type="text/javascript" src="ASCIIMathML.js"></script> +... +</head> +<body> +... +<p>blah blah `x^2 + y^2 = r^2` blah ... +... +</pre> + +<p><a href="http://math.etsu.edu/LaTeXMathML/" title="http://math.etsu.edu/LaTeXMathML/">LaTeXMathML</a> is a similar script that allows to parse more LaTeX commands. The installation is similar: copy <a href="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.js" title="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.js">LaTeXMathML.js</a> and <a href="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.standardarticle.css" title="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.standardarticle.css">LaTeXMathML.standardarticle.css</a>, add links in the header of your document and the LaTeX content of your Web page marked by the "LaTeX" class will be automatically parsed and converted to HTML+MathML:</p> + +<pre class="brush: html"><span><<span class="start-tag">head</span>></span> +<span>... +</span><span><<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>" <span class="attribute-name">src</span>="<a class="attribute-value">LaTeXMathML.js</a>"></span><span></<span class="end-tag">script</span>></span><span> +</span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">stylesheet</a>" <span class="attribute-name">type</span>="<a class="attribute-value">text/css</a>" <span class="attribute-name">href</span>="<a class="attribute-value">LaTeXMathML.standardarticle.css</a>" <span>/</span>></span><span> +... +</span><span></<span class="end-tag">head</span>></span><span> + +</span><span><<span class="start-tag">body</span>></span><span> +... + +</span><div class="LaTeX"> +\documentclass[12pt]{article} + +\begin{document} + +\title{LaTeXML Example} +\maketitle + +\begin{abstract} +This is a sample LaTeXML document. +\end{abstract} + +\section{First Section} + + $$ \sum_{n=1}^{+\infty} \frac{1}{n^2} = \frac{\pi^2}{6} $$ + +\end{document} +</div> +...</pre> + +<p><a href="http://mathscribe.com/author/jqmath.html" title="http://mathscribe.com/author/jqmath.html">jqMath</a> is another script to parse a simple LaTeX-like syntax but which also accepts non-ASCII characters like <code>√{∑↙{n=1}↖{+∞} 6/n^2} = π</code> to write <math> <mrow> <msqrt> <mrow class="ma-repel-adj"> <munderover> <mo>∑</mo> <mrow> <mi>n</mi> <mo>=</mo> <mn>1</mn> </mrow> <mrow> <mo>+</mo> <mi>∞</mi> </mrow> </munderover> <mfrac> <mn>6</mn> <msup> <mi>n</mi> <mn>2</mn> </msup> </mfrac> </mrow> </msqrt> <mo>=</mo> <mi>π</mi> </mrow> </math>. The installation is similar: download and copy the relevant <a href="http://mathscribe.com/downloads/mathscribe-unix-0.4.0.zip" title="http://mathscribe.com/downloads/mathscribe-unix-0.4.0.zip">Javascript and CSS files</a> on your Web site and reference them in your page header (see the <code>COPY-ME.html</code> file from the zip archive for an example). One of the advantage of jqMath over the previous scripts is that it will automatically add some simple CSS rules to do the mathematical layout and make the formulas readable on browsers with limited MathML support.</p> + +<p><a name="mathjax"></a>Another way to work around the lack of MathML support in some browsers is to use <a href="http://www.mathjax.org/" title="http://www.mathjax.org/">MathJax</a>. However, note that you may find conflicts and synchronization issues between MathJax and the Javascript libraries previously mentioned. So if you really want to use MathJax as a MathML polyfill, you'd better use its own LaTeX/ASCIIMath parsers too. Note that on the one hand MathJax has better parsing and rendering support but on the other hand it is much bigger, more complex and slower than the previous Javascript libraries. Fortunately, you can use MathJax's CDN so that you don't need to install it on your Web server. Also, the slowest part of MathJax is currently its HTML-CSS / SVG output modes so we recommend to use the Native MathML output for Gecko-based browsers. Hence a typical configuration to use the AMS-LaTeX input is:</p> + +<pre class="brush: html">... + <script type="text/x-mathjax-config"> + MathJax.Hub.Config({ + MMLorHTML: { prefer: { Firefox: "MML" } } + }); + </script> + <script type="text/javascript" + src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> + </script> + </head> + <body> + \[ \tau = \frac{x}{y} + \sqrt{3} \] +... +</pre> + +<p>Note that <a href="http://docs.mathjax.org/en/latest/tex.html#tex-and-latex-math-delimiters" title="http://docs.mathjax.org/en/latest/tex.html#tex-and-latex-math-delimiters">the dollar delimiters are not used by default</a>. To use the ASCIIMathML input instead, just replace <code>TeX-AMS-MML_HTMLorMML</code> by <code>AM-MML_HTMLorMML</code>. MathJax has many other features, see the <a href="http://docs.mathjax.org/en/latest/" title="http://docs.mathjax.org/en/latest/">MathJax documentation</a> for further details.</p> + +<h3 id="命令行程序">命令行程序</h3> + +<p>An alternative way is to parse the simple syntax before publishing your web pages. That is, you use command-line programs to generate them and publish these static pages on your server.</p> + +<ul> + <li>pros: + <ul> + <li>You get static Web pages: the LaTeX source don't need to be parsed at each page load, the MathML code is exposed to Web crawlers and you can put them easily on any Web server.</li> + <li>Binary programs may run faster than Javascript programs and can be more sophisticated e.g. have a much complete LaTeX support or generate other formats like EPUB.</li> + <li>You can keep compatibility with other tools to generate pdf e.g. you can use the same .tex source for both latex and latexml.</li> + </ul> + </li> + <li>cons: + <ul> + <li>This requires to install programs on your computer, which may be a bit more difficult or they may not be available on all platforms.</li> + <li>You must run the programs on your computer and have some kind of workflow to get the Web pages at the end ; that may be a bit tedious.</li> + <li>Binary programs are not appropriate to integrate them in a Mozilla extension or XUL application.</li> + </ul> + </li> +</ul> + +<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> can be used <a href="https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla#usage-from-the-command-line">from the command line</a> and will essentially have the same support as itex2MML described below. However, the stream filter behavior is not implemented yet.</p> + +<p>If you only want to parse simple LaTeX mathematical expressions, you might want to try tools like <a href="http://golem.ph.utexas.edu/~distler/blog/itex2MML.html" title="http://golem.ph.utexas.edu/~distler/blog/itex2MML.html">itex2MML</a> or <a href="http://gva.noekeon.org/blahtexml/" title="http://gva.noekeon.org/blahtexml/">Blahtex</a>. The latter is often available on Linux distributions. Let's consider the former, which was originally written by Paul Gartside at the beginning of the Mozilla MathML project and has been maintained by Jacques Distler since then. It's a small stream filter written in C/C++ and generated with flex and bison ; in particular it is very fast. Install flex/bison as well as the classical compiler and make tools. On Unix, you can then download itex2MML, build and install it:</p> + +<pre class="brush: bash">wget http://golem.ph.utexas.edu/~distler/blog/files/itexToMML.tar.gz; \ +tar -xzf itexToMML.tar.gz; \ +cd itex2MML/itex-src; +make +sudo make install +</pre> + +<p>Now suppose that you have a HTML page with TeX fragments delimited by dollars:</p> + +<pre class="brush: html">input.html + +... +</head> +<body> + <p>$\sqrt{a^2-3c}$</p> + <p>$$ {\sum_{i=1}^N i} = \frac{N(N+1)}{2} $$</p> +</body> +</html> +</pre> + +<p>Then to generate the HTML page input.html with TeX expressions replaced by MathML expressions, just do</p> + +<pre>cat input.html | itex2MML > output.html</pre> + +<p>There are even more sophisticated tools to convert arbitrary LaTeX documents into HTML+MathML. For example <a href="https://www.tug.org/tex4ht/">TeX4ht</a> is often included in TeX distributions and has an option to use MathML instead of PNG images. This command will generate an XHTML+MathML document foo.xml from a foo.tex LaTeX source:</p> + +<pre> mk4ht mzlatex foo.tex # Linux/Mac platforms + mzlatex foo.tex # Windows platform +</pre> + +<p>Note that <a href="https://github.com/michal-h21/tex4ebook">tex4ebook</a> relies on TeX4ht to generate EPUB documents.</p> + +<p><a href="http://dlmf.nist.gov/LaTeXML/" name="LaTeXML">LaTeXML</a> is another tool that can generate HTML5 and EPUB documents. Windows users can watch this <a href="https://www.youtube.com/watch?v=Dg881w2e-lI">video tutorial</a>. Given a foo.tex LaTeX file, you can use these simple commands:</p> + +<pre> latexmlc --dest foo.html foo.tex # Generate a HTML5 document foo.html + latexmlc --dest foo.epub foo.tex # Generate an EPUB document foo.epub</pre> + +<p>To handle the case of browsers without MathML support, you can use the <code>--javascript</code> parameter to tell LaTeXML to include one of the <a href="#Fallback_for_Browsers_without_MathML_support">fallback scripts</a>:</p> + +<pre> latexmlc --dest foo.html --javascript=<code class="language-html"><span class="script token"><span class="tag token"><span class="attr-value token">http://fred-wang.github.io/mathml.css/mspace.js</span></span></span></code> foo.tex # Add the CSS fallback + latexmlc --dest foo.html --javascript=<code class="language-html"><span class="script token"><span class="tag token"><span class="attr-value token">http://fred-wang.github.io/mathjax.js/mpadded-min.js</span></span></span></code> foo.tex # Add the MathJax fallback +</pre> + +<p>If your LaTeX document is big, you might want to split it into several small pages rather than putting everything in a single large page. For example, this will split the pages at the <code>\section</code> level:</p> + +<pre> latexmlc --dest foo.html --splitat=section foo.tex +</pre> + +<h3 id="服务器端转换">服务器端转换</h3> + +<ul> + <li>pros: + <ul> + <li>Conversion is done server-side and the MathML output can be cached, which is more efficient and cleaner than client-side conversion.</li> + </ul> + </li> + <li>cons: + <ul> + <li>This might be a bit more difficult to set up, since you need some admin right on your server.</li> + </ul> + </li> +</ul> + +<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> can be <a href="https://github.com/fred-wang/TeXZilla/wiki/Advanced-Usages#using-texzilla-as-a-web-server">used as a Web server</a> in order to perform server-side LaTeX-to-MathML conversion. <a href="http://dlmf.nist.gov/LaTeXML/">LaTeXML</a> can also be used as a deamon to run server-side. <a href="https://github.com/gwicke/mathoid">Mathoid</a> is another tool based on MathJax that is also able to perform additional MathML-to-SVG conversion.</p> + +<p><a href="http://instiki.org/show/HomePage">Instiki</a> is a Wiki that integrates itex2MML to do server-side conversion. In future versions, <a href="https://www.mediawiki.org/wiki/MediaWiki">MediaWiki</a> will support server-side conversion too.</p> + +<h2 id="图形接口">图形接口</h2> + +<h3 id="Input_Box">Input Box</h3> + +<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> has several interfaces, including a <a href="http://ckeditor.com/addon/texzilla">CKEditor plugin</a> used on MDN, an <a href="http://fred-wang.github.io/TeXZilla/">online demo</a>, a <a href="https://addons.mozilla.org/en-US/firefox/addon/texzilla/">Firefox add-on</a> or a <a href="https://marketplace.firefox.com/app/texzilla-1/">FirefoxOS Webapp</a>. It has also been integrated into <a href="http://www.seamonkey-project.org/">SeaMonkey</a> since version 2.28 and into <a href="https://www.mozilla.org/thunderbird/">Thunderbird</a> since version 31.<a href="http://abisource.org/"> Abiword</a> contains a small equation editor, based on itex2MML. Finally,<a href="http://www.bluegriffon.com/"> Bluegriffon</a> has an add-on to insert MathML formulas in your document, using ASCII/LaTeX-like syntax.</p> + +<p style="text-align: center;"><img alt="BlueGriffon" src="http://www.bluegriffon.com/public/shots/mathml-shot1.png" style="height: 467px; width: 358px;"></p> + +<h3 id="所见即所得编辑器">所见即所得编辑器</h3> + +<p><a href="http://www.firemath.info/">Firemath</a> is an extension for Firefox that provides a WYSIWYG MathML editor. A preview of the formula is displayed using the rendering engine of Mozilla. The generated MathML code is available at the bottom. Use the text field for token elements and buttons to build advanced constructions. Once you are done, you can save your document as a XHTML page.</p> + +<p><a href="http://www.lyx.org/">LyX</a> is a graphical LaTeX editor, which has built-in support for XHTML+MathML export and can be configured to use similar LaTeX-to-(X)HTML converters. You can for example, you can configure it to <a href="https://github.com/brucemiller/LaTeXML/wiki/Integrating-LaTeXML-into-TeX-editors#lyx">use LaTeXML HTML5/EPUB export</a>.</p> + +<p><a href="http://www.openoffice.org/">OpenOffice</a> and <a href="http://libreoffice.org/">LibreOffice</a> have an equation editor (File → New → Formula). It is semi-WYSIWYG: you enter the source of the formula using the equation panel/keyboard and a preview of the formula is regularly refreshed. The editor uses its own syntax "StarMath" for the source but MathML is also generated when the document is saved. To get the MathML code, save the document as mml and open it with any text editor. Alternatively, you can extract the odf file (which is actually a zip archive) and open an xml file called <code>content.xml</code>.</p> + +<p style="text-align: center;"><img alt="Open Office Math" src="/@api/deki/files/4261/=openoffice.png" style="height: 527px; width: 483px;"></p> + +<p><a href="http://www.w3.org/Amaya/">Amaya</a> is the W3C's web editor, which is able to handle MathML inside XHTML documents. Use the Elements and the Special Chars panels to create various advanced mathematical constructs. Simple text such as <code>a+2</code> is automatically parsed and the appropriate MathML markup is generated. Once you are done, you can directly save your XHTML page and open it in Mozilla.</p> + +<h2 id="可选的字符、手写识别">可选的字符、手写识别</h2> + +<p><a href="http://www.inftyreader.org/">Inftyreader</a> is able to perform some Optical Character Recognition, including translation of mathematical equations into MathML. Other tools can do handwriting recognition such as the <a href="http://windows.microsoft.com/en-za/windows7/use-math-input-panel-to-write-and-correct-math-equations">Windows Math Input Panel</a></p> + +<p style="text-align: center;"><img alt="Windows Math Input Panel" src="http://res1.windows.microsoft.com/resbox/en/windows%207/main/50f56cb9-478c-48e9-867e-8de06e1d4190_46.jpg" style="height: 385px; width: 410px;"></p> + +<p>or the online converter <a href="http://webdemo.visionobjects.com/" title="http://webdemo.visionobjects.com/portal.html">Web Equation</a>.</p> + +<div class="originaldocinfo"> +<h3 id="原始文件信息">原始文件信息</h3> + +<ul> + <li>作者：Frédéric Wang</li> + <li>其他贡献者：Florian Scholz</li> + <li>版权信息：Portions of this content are © 2010 by individual mozilla.org contributors; content available under a Creative Commons license | <a class="external" href="http://www.mozilla.org/foundation/licensing/website-content.html">Details</a>.</li> +</ul> +</div> 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> diff --git a/files/zh-cn/web/mathml/examples/deriving_the_quadratic_formula/index.html b/files/zh-cn/web/mathml/examples/deriving_the_quadratic_formula/index.html new file mode 100644 index 0000000000..8c6f3d97dc --- /dev/null +++ b/files/zh-cn/web/mathml/examples/deriving_the_quadratic_formula/index.html @@ -0,0 +1,12 @@ +--- +title: 'MathML: Deriving the Quadratic Formula' +slug: Web/MathML/Examples/Deriving_the_Quadratic_Formula +translation_of: Web/MathML/Examples/Deriving_the_Quadratic_Formula +--- +<div>{{MathMLRef}}</div> + +<p><span class="seoSummary">本页概述了二次方程式的推导过程。</span></p> + +<p><math><mtable columnalign="left"><mtr><mtd><mrow>我们取一般形式的二次方程，并解出 x：<mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace></mrow></mtd></mtr></mtable></math></p> + +<p><math><mtable columnalign="left"><mtr><mtd><mrow><mrow><mrow><mrow> <mi>a</mi> <mo></mo> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mi>b</mi> <mo></mo> <mi>x</mi> </mrow> <mo> + </mo> <mi>c</mi> </mrow> <mo>=</mo> <mn>0</mn> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mi>a</mi> <mo></mo> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mi>b</mi> <mo></mo> <mi>x</mi> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mrow> <mo>=</mo> <mo>-</mo><mi> c</mi><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mi>a</mi> </mfrac> <mo></mo> <mi>x</mi> </mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mo>=</mo> <mfrac> <mrow> <mo>-</mo><mi>c</mi> </mrow> <mi>a</mi> </mfrac> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Divide out leading coefficient.</mtext> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mi>a</mi> </mfrac> <mo></mo> <mi>x</mi> <mo> + </mo> <msup> <mfenced> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow> </mfrac> </mfenced> <mn>2</mn> </msup> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo> <mi>c</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow> <mrow> <mi>a</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow></mfrac> </mrow> <mo> + </mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Complete the square.</mtext> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> <mo>=</mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Discriminant revealed.</mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mrow> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> </mrow> <mn>2</mn> </msup> <mo>=</mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> </mrow> <mo>=</mo> <msqrt> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </msqrt> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo><mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>±</mo><mrow><mo>{</mo><mi>C</mi><mo>}</mo></mrow> <msqrt> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </msqrt> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">There's the vertex formula.</mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo> <mi> b</mi> <mo>±</mo><mrow><mo>{</mo><mi>C</mi><mo>}</mo></mrow> <msqrt> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </msqrt></mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace> <mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> </mtable></math></p> diff --git a/files/zh-cn/web/mathml/examples/index.html b/files/zh-cn/web/mathml/examples/index.html new file mode 100644 index 0000000000..87d264643d --- /dev/null +++ b/files/zh-cn/web/mathml/examples/index.html @@ -0,0 +1,22 @@ +--- +title: 举个例子 +slug: Web/MathML/Examples +tags: + - MathML + - 例子 + - 初学者 + - 指南 +translation_of: Web/MathML/Examples +--- +<div>{{MathMLRef}}</div> + +<p>您可以在下面找到一些可以参考的例子，以帮助您了解如何使用 MathML 在 Web 内容中显示越来越复杂的数学概念。</p> + +<dl> + <dt><a href="/zh-CN/docs/Web/MathML/Examples/MathML_Pythagorean_Theorem">勾股定理</a></dt> + <dd>展示一个勾股定理的证明的小例子。</dd> + <dt><a href="/zh-CN/docs/Web/MathML/Examples/Deriving_the_Quadratic_Formula">推导二次方程式</a></dt> + <dd>简述二次方程式的推导过程。</dd> + <dt><a href="/zh-CN/docs/Mozilla/MathML_Project/MathML_Torture_Test">MathML 极限测试</a></dt> + <dd>渲染大量数据的测试。</dd> +</dl> diff --git a/files/zh-cn/web/mathml/examples/mathml_pythagorean_theorem/index.html b/files/zh-cn/web/mathml/examples/mathml_pythagorean_theorem/index.html new file mode 100644 index 0000000000..16cb229c46 --- /dev/null +++ b/files/zh-cn/web/mathml/examples/mathml_pythagorean_theorem/index.html @@ -0,0 +1,19 @@ +--- +title: 证明毕达哥拉斯定理 +slug: Web/MathML/Examples/MathML_Pythagorean_Theorem +tags: + - MathML + - 初学者 + - 指南 + - 数学 +translation_of: Web/MathML/Examples/MathML_Pythagorean_Theorem +--- +<div>{{MathMLRef}}</div> + +<p>现在，我们来证明毕达哥拉斯定理（勾股定理）：</p> + +<p><strong>命题：</strong>在一个直角三角形中，斜边的平方等于其他两边的平方之和。</p> + +<p>例如，设 a 和 b 为两直角边，c 为斜边，那么 <math><mrow><msup><mi> a </mi><mn>2</mn></msup> <mo> + </mo> <msup><mi> b </mi><mn>2</mn></msup> <mo> = </mo> <msup><mi> c </mi><mn>2</mn></msup> </mrow> </math>。</p> + +<p><strong><u>证明：</u></strong> 我们可以通过代数证明来展示大正方形面积等于内正方形（斜边的平方）加上四个三角形的面积：<math style="display: block;"> <mtable columnalign="right center left"> <mtr> <mtd> <msup> <mrow> <mo> ( </mo> <mi> a </mi> <mo> + </mo> <mi> b </mi> <mo> ) </mo> </mrow> <mn> 2 </mn> </msup> </mtd> <mtd> <mo> = </mo> </mtd> <mtd> <msup><mi> c </mi><mn>2</mn></msup> <mo> + </mo> <mn> 4 </mn> <mo> ⋅ </mo> <mo>(</mo> <mfrac> <mn> 1 </mn> <mn> 2 </mn> </mfrac> <mi> a </mi><mi> b </mi> <mo>)</mo> </mtd> </mtr> <mtr> <mtd> <msup><mi> a </mi><mn>2</mn></msup> <mo> + </mo> <mn> 2 </mn><mi> a </mi><mi> b </mi> <mo> + </mo> <msup><mi> b </mi><mn>2</mn></msup> </mtd> <mtd> <mo> = </mo> </mtd> <mtd> <msup><mi> c </mi><mn>2</mn></msup> <mo> + </mo> <mn> 2 </mn><mi> a </mi><mi> b</mi></mtd></mtr><mtr><mtd></mtd></mtr><mtr><mtd><msup><mi>a </mi><mn>2</mn></msup> <mo> + </mo> <msup><mi> b </mi><mn>2</mn></msup> </mtd> <mtd> <mo> = </mo> </mtd> <mtd> <msup><mi> c </mi><mn>2</mn></msup> </mtd> </mtr> </mtable> </math></p> diff --git a/files/zh-cn/web/mathml/index.html b/files/zh-cn/web/mathml/index.html new file mode 100644 index 0000000000..c0b8763a24 --- /dev/null +++ b/files/zh-cn/web/mathml/index.html @@ -0,0 +1,75 @@ +--- +title: MathML +slug: Web/MathML +tags: + - Landing + - MathML + - Reference + - Web + - XML + - 参考 + - 数学 +translation_of: Web/MathML +--- +<div>{{MathMLRef}}</div> + +<p><strong>Mathematical Markup Language (MathML)</strong> 是一个用于描述数学公式、符号的一种 <a href="/zh-CN/docs/XML">XML</a> 标记语言。</p> + +<p>在这里你可以找到有关的文档、例子和工具来帮助你使用这个强大的技术。如果想快速了解这项技术，请看<a href="http://fred-wang.github.io/MozSummitMathML/index.html">Slides for the innovation fairs at Mozilla Summit 2013</a>。</p> + +<div class="row topicpage-table"> +<div class="section"> +<h2 id="MathML_参考文档">MathML 参考文档</h2> + +<dl> + <dt><a href="/zh-CN/docs/Web/MathML/Element">MathML 元素参考</a></dt> + <dd>MathML 元素的细节和在桌面浏览器与移动设备浏览器上的兼容性情况。</dd> + <dt><a href="/zh-CN/docs/Web/MathML/Attribute">MathML 属性参考</a></dt> + <dd>关于 MathML 属性的参考文档。用这些属性可以修改这些元素的显示效果。</dd> + <dt><a href="/zh-CN/docs/Web/MathML/Examples">MathML 例子</a></dt> + <dd>可以让你理解如何使用 MathML 的例子。</dd> + <dt><a href="/zh-CN/docs/Web/MathML/Authoring">编写 MathML</a></dt> + <dd>编写 MathML 的一些建议和提示，包括建议使用的编辑器以及如何将编辑器的输出集成到网页中去。</dd> +</dl> + +<p><a href="/zh-CN/docs/tag/MathML">查看全部...</a></p> +</div> + +<div class="section"> +<h2 id="从社区获得帮助">从社区获得帮助</h2> + +<ul> + <li>Mozilla 论坛...<br> + {{ DiscussionList("dev-tech-mathml", "mozilla.dev.tech.mathml") }}</li> + <li><a href="irc://irc.mozilla.org/%23mathml">IRC 频道</a></li> + <li><a href="https://wiki.mozilla.org/MathML:Home_Page">Mozilla 贡献者的 Wiki</a></li> + <li><a href="https://www.w3.org/Math/">W3C Math 主页</a></li> + <li><a href="https://lists.w3.org/Archives/Public/www-math/">www-math w3.org 邮件存档</a></li> +</ul> + +<h2 id="工具">工具</h2> + +<ul> + <li><a href="http://validator.w3.org">W3C Validator</a></li> + <li><a href="https://addons.mozilla.org/firefox/collections/fred_wang/mathzilla/">Mathzilla Firefox 拓展收藏集</a></li> + <li><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> - 基于 Javascript 的 LaTeX to MathML 转换器（<a href="https://fred-wang.github.io/TeXZilla/">在线 demo</a>，<a href="http://r-gaia-cs.github.io/TeXZilla-webapp/">Firefox OS webapp</a>，<a href="https://addons.mozilla.org/en-US/firefox/addon/texzilla/">Firefox 拓展</a>，<a href="https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla">在网页、JS 程序中使用，等等</a>）</li> + <li><a href="http://dlmf.nist.gov/LaTeXML/">LaTeXML</a> - 将 LaTeX 文档转换为 HTML+MathML 网页</li> + <li><a href="http://webdemo.visionobjects.com/home.html#equation">Web Equation</a> - 将手写的公式转换为 MathML 或 LaTeX</li> + <li><a href="https://www.mathjax.org/">MathJax</a> - 跨浏览器的 JavaScript 数学渲染引擎。若要强制 MathJax 使用原生 MathML，可以试试<a href="https://addons.mozilla.org/en-US/firefox/addon/mathjax-native-mathml/">这个 Mozilla 拓展</a>、这个 <a href="https://fred-wang.github.io/mathjax-native-mathml-safari/mathjax-native-mathml.safariextz">Safari 拓展</a>，或是这个 <a href="https://openuserjs.org/scripts/fred.wang/MathJax_Native_MathML/">UserScript 脚本</a>。</li> +</ul> + +<h2 id="相关主题">相关主题</h2> + +<ul> + <li><a href="/zh-CN/docs/Web/CSS">CSS</a></li> + <li><a href="/zh-CN/docs/Web/HTML">HTML</a></li> + <li><a href="/zh-CN/docs/Web/SVG">SVG</a></li> +</ul> +</div> +</div> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + + + +<p>{{Compat("mathml.elements.math", 0)}}</p> |