HTML5 MathML

HTML5 MathML

HTML5 はドキュメント内で MathML 要素を使用でき、対応するタグは <math>...</math> です。

MathML は数学的マークアップ言語であり、XML (Standard Generalized Markup Language のサブセット) に基づいた標準であり、インターネット上で数学記号や数式を記述するために使用されるマークアップ言語です。

注: ほとんどのブラウザは MathML タグをサポートしています。お使いのブラウザがこのタグをサポートしていない場合は、最新バージョンの Firefox または Safari ブラウザを使用して表示できます。

MATHML のトップレベル要素 <math>。有効な MATHML インスタンスはそれぞれ <math> タグで囲む必要があります。さらに、2 番目の <math> を別の要素内にネストすることはできませんが、他の子要素内に任意の数だけネストすることができます。

属性

以下の属性に加えて、<math> 要素は <mstyle> 要素の任意の属性を受け入れます。

クラス、ID、スタイル

スタイルシートを使用します。

DIR

数式の全体的な方向性。可能な値は、ltr (左から右) または rtl (右から左) です。

HREF

は、指定された URI へのハイパーリンクを設定するために使用されます。

数学の背景

背景色。 #rgb、#rrggbb、HTML カラー名を使用できます。

マスカラー

テキストの色。 #rgb、#rrggbb、HTML カラー名を使用できます。

この列挙プロパティで指定された囲む MathML タグがどのようにレンダリングされるべきかを

示します。次の値のいずれかを指定できます:

block、テキストの意味を変更せずにどこにでも配置できるブロックとして要素がテキストの現在の範囲の外に表示されることを意味します。要素はテキストの現在の範囲内に表示され、テキストの意味を変更せずに移動することはできません。

存在しない場合、デフォルト値はインラインです。

モード

非推奨の表示プロパティの承認。

可能な値は、display (display="block" と同じ効果があります) と inline です。


オーバーフロー

式が長すぎて許容される幅に収まらない場合の動作を指定します。

可能な値は次のとおりです: linebreak (デフォルト)、scroll、elide、。 truncatescale

<!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>

学び続ける
||
<!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>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜