Skip to content

Commit

Permalink
zh-cn: update the translation of <maction> MathML element (#17959)
Browse files Browse the repository at this point in the history
  • Loading branch information
yin1999 authored Jan 19, 2024
1 parent f0aa921 commit 4145315
Showing 1 changed file with 46 additions and 43 deletions.
89 changes: 46 additions & 43 deletions files/zh-cn/web/mathml/element/maction/index.md
Original file line number Diff line number Diff line change
@@ -1,66 +1,69 @@
---
title: <maction>
slug: Web/MathML/Element/maction
l10n:
sourceCommit: 024a9231e504e2c0d4051f47de36567e82ca432f
---

{{MathMLRef}}
{{MathMLRef}}{{Deprecated_Header}}

MathML **`<maction>`** 元素提供了一种让表达式(或子表达式)具有某种特定行为的可能性。具体行为方式由 **`actiontype`** 属性的取值来确定。也可以使用 **`selection`** 属性来手动指定该行为作用在哪个子元素上。
**`<maction>`** [MathML](/zh-CN/docs/Web/MathML) 元素允许将行为绑定到数学表达式上。默认情况下,只有第一个子元素会被渲染,但是一些浏览器可能会根据 `actiontype``selection` 属性来实现自定义行为。

> **备注:** 从历史的角度来看,该元素提供了一种使 MathML 公式可以交互的机制。但如今,建议使用 [JavaScript](/zh-CN/docs/Web/JavaScript) 和其他 Web 技术来实现这种用例。
## 属性

- actiontype
该元素的属性包括[全局 MathML 属性](/zh-CN/docs/Web/MathML/Global_attributes)以及以下属性:

- `actiontype` {{Deprecated_Inline}} {{Non-standard_Inline}}

- : 该属性描述元素上发生了哪种行为,有如下几种取值
- : 指定该元素发生的行为。某些浏览器会根据以下值实现特殊行为

- `statusline`: 当元素被点击或屏幕阅读器的指针指向该元素时触发,message 会在浏览器的状态栏中显示。语法如下:`<maction actiontype="statusline"> expression message </maction>`
- `toggle`: 当子表达式被点击时触发,子表达式会依次显示。因此每次点击时 selection 的值都会增加。语法如下:`<maction actiontype="toggle" selection="positive-integer" > expression1 expression2 expressionN </maction>`
- `tooltip`: 当指针指向表达式时触发,会在表达式附近显示一个提示框。语法如下:`<maction actiontype="tooltip"> expression message </maction>`
- `statusline`:如果*表达式*被点击或者读者将指针移至其上,将会把*消息*(message)发送到浏览器的状态栏。语法如下:`<maction actiontype="statusline"> expression message </maction>`
- `toggle`:当子表达式被点击时,选中的子表达式会交替显示。因此,每次单击都会增加 `selection` 的值。语法如下:`<maction actiontype="toggle" selection="positive-integer" > expression1 expression2 expressionN </maction>`

- class, id, style
- : 供[样式表](/zh-CN/docs/CSS)使用。
- href
- : 用来设置标签点击后跳转的链接。
- mathbackground
- : 用来设置标签的背景色,可以使用 **`#rgb`****`#rrggbb`** 或者[HTML 颜色名](/zh-CN/docs/Web/CSS/color_value)
- mathcolor
- : 用来设置文字和分数的线的颜色,同样可以使用 **`#rgb`****`#rrggbb`** 或者[HTML 颜色名](/zh-CN/docs/Web/CSS/color_value)
- selection
- : 用来设置该行为作用在哪个子元素上,默认为**`1`**,代表第一个子元素。
- `selection` {{Deprecated_Inline}} {{Non-standard_Inline}}
- : 当前可见的子元素,仅适用于 `actiontype="toggle"` 或非标准的 `actiontype` 值。默认值为 `1`,即第一个子元素。

## 例子
## 示例

下面的例子演示了如何使用“toggle”这个**`actiontype`**
以下示例演示了如何使用“toggle”这个 `actiontype`

```html
<math>
<maction actiontype="toggle">
<mfrac>
<mn>6</mn>
<mn>8</mn>
</mfrac>

<mfrac>
<mrow>
<p>
尝试多次点击这个公式:

<math display="block">
<maction actiontype="toggle">
<mfrac>
<mn>6</mn>
<mn>8</mn>
</mfrac>

<mfrac>
<mrow>
<mn>3</mn>
<mo>×</mo>
<mn>2</mn>
</mrow>
<mrow>
<mn>4</mn>
<mo>×</mo>
<mn>2</mn>
</mrow>
</mfrac>

<mfrac>
<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>
</mfrac>
</maction>
</math>
</p>
```

{{EmbedLiveSample('示例', 700, 200)}}

## 规范

{{Specifications}}
Expand Down

0 comments on commit 4145315

Please sign in to comment.