1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
|
---
title: <math>
slug: Web/MathML/Element/math
tags:
- MathML
- 'MathML:Element'
- Referência MathML
translation_of: Web/MathML/Element/math
---
<div>{{MathMLRef}}</div>
<p class="summary">O elemento top-level em MathML é <code><math></code>. Qualquer instância valida de MathML tem de ser envolto por <code><math></code>. Ademais não se deve por um elemento de <code><math></code> dentro de outro, mas pode se ter qualquer numero de outros elementos dentro desse elemento.</p>
<h2 id="Atributos">Atributos</h2>
<p>Para além dos seguintes atributos, o elemento <code><math></code> aceita qualquer atributo do elemento {{ MathMLElement("mstyle") }}.</p>
<dl>
<dt id="attr-class-id-style">class, id, style</dt>
<dd>Para uso com <em><a href="/pt-PT/docs/CSS">stylesheets</a></em>.</dd>
<dt id="attr-dir">dir</dt>
<dd>A direção geral das fórmulas. Valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</dd>
<dt id="attr-href">href</dt>
<dd>Usado para criar uma hiperligação para um URI.</dd>
<dt id="attr-mathbackground">mathbackground</dt>
<dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
<dt id="attr-mathcolor">mathcolor</dt>
<dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
<dt id="attr-display">display</dt>
<dd>Este atributo enumerado especifica como é que o <em>markup</em> da MathML deve ser impressa. Pode ter um dos seguintes valores:
<ul>
<li><code>block</code>, que significa que o elemento será impresso fora do <em>span</em> de texto em que se encontra, como um <em>block</em> que pode ser posicionado em qualquer lugar sem mudar o significado do texto;</li>
<li><code>inline</code>, que significa que o elemento será impresso dentro do <em>span</em> de texto em que se encontra, e não pode ser movido para fora dele sem mudar o significado do texto.</li>
</ul>
<p>Se não estiver presente, o valor padrão é <code>inline</code>.</p>
</dd>
<dt id="attr-mode">mode {{deprecated_inline}}</dt>
<dd>Obsoleto, use antes o <a href="/pt-PT/docs/Web/MathML/Element/math#attr-display">atributo display</a>.<br>
Valores aceites são: <code>display</code> (que tem o mesmo efeito que <code>display="block"</code>) e <code>inline</code>.</dd>
<dt id="attr-overflow">overflow</dt>
<dd>Especifica como a expressão se comporta no caso de ser demasiada comprida para a largura máxima permitida. Valores aceites são: <code>linebreak</code> (valor padrão), <code>scroll</code>, <code>elide</code>, <code>truncate</code> e <code>scale</code>.</dd>
</dl>
<h2 id="Exemplos">Exemplos</h2>
<p><img alt="Theorem of Pythagoras" src="/files/3157/math.jpg"></p>
<h3 id="Notação_HTML5">Notação HTML5</h3>
<pre class="brush: html notranslate"><!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="Notação_de_XHTML">Notação de XHTML</h3>
<pre class="brush: xml notranslate"><?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>Notes</strong>: Documentos de XHTML com MathML devem ser servidos como <code>application/xhtml+xml</code>. Pode satisfazer isto facilmente usando a extensão <code>.xhtml</code> para ficheiros locais. Para um servidor Apache <a class="external" href="http://httpd.apache.org/docs/2.4/mod/mod_mime.html#addtype">configura o seu ficheiro <code>.htaccess</code></a> para mapear as extensões ao tipo Mime correto. Já que o MathML está num documento XML, também deve se certificar que o documento XML está corretamente estruturado.</p>
<h2 id="Especificações">Especificações</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Especificação</th>
<th scope="col">Estado</th>
<th scope="col">Comentários</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ SpecName('MathML3', 'chapter2.html#interf.toplevel', 'The Top-Level math Element') }}</td>
<td>{{ Spec2('MathML3') }}</td>
<td>Especificação atual</td>
</tr>
<tr>
<td>{{ SpecName('MathML2', 'chapter7.html#interf.toplevel', 'The Top-Level math Element') }}</td>
<td>{{ Spec2('MathML2') }}</td>
<td>Especificação inicial</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidade">Compatibilidade</h2>
<p>{{Compat("mathml.elements.math")}}</p>
<h2 id="Notas_para_Firefox">Notas para Firefox</h2>
<p>Firefox 7 introduziu suporte para aceitar todos os atributos de MathML no elemento top-level <code>math</code> (i.e. o mesmo comportamento que o elemento {{ MathMLElement("mstyle") }}). Contudo, o atributo <code>displaystyle</code> foi falhado e <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=669719">só foi adicionado</a> no Firefox 8.</p>
<p>Um apoio textual (<code>alttext</code>) ou referir a uma imagem alternativa usando os atributos <code>altimg</code>, <code>altimg-width</code>, <code>altimg-height</code> ou <code>altimg-valign</code> não está implementado no Firefox de momento.</p>
<h2 id="Ver_também">Ver também</h2>
<ul>
<li>Elemento de HTML <em>top-level</em>: {{ HTMLElement("html") }}</li>
<li>Elemento de SVG <em>top-level</em>: {{ SVGElement("svg") }}</li>
<li><a href="http://eyeasme.com/Joe/MathML/MathML_browser_test.html">Teste de navegador MathML</a></li>
</ul>
|
