ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5_html5 チュートリアル スキルでの MathML 数式の使用についての簡単な説明

HTML5_html5 チュートリアル スキルでの MathML 数式の使用についての簡単な説明

WBOY
リリース: 2016-05-16 15:45:57
オリジナル
2606 人が閲覧しました

HTML5 の HTML 構文では、... タグを使用してドキュメント内に MathML 要素を適用できます。

MathML を使用した有効な HTML5 ドキュメントは次のとおりです:

XML/HTML コードコンテンツをクリップボードにコピー
  1. html
  2. >
  3. <html>
  4. <>
  5. <メタ charset="UTF- 8">
  6. <タイトル>ピタゴラスの定理タイトル>
  7. >
  8. <ボディ>
  9. <数学 xmlns="http: //www.w3.org/1998/Math/MathML">
  10. <mrow>
  11. <msup>< >><>2mn>msup>
  12. <> mo>
  13. <msup>< >b><>2mn>msup>
  14. <>=>
  15. <msup>< >c><>2mn>msup>
  16. mrow>
  17. 数学>
  18. ボディ>
  19. html>

これにより、次の結果が生成されます:


コードをコピーします
コードは次のとおりです:
a2 b2 = c2

学習が簡単 このコンセプト - オンラインで練習するには FireFox 3.7 以降を使用してください。

MathML 文字の使用
ここに文字 ⁢ を使用するマークアップがあると想像してください:

XML/HTML コードコンテンツをクリップボードにコピー
  1. html
  2. >
  3. <html>
  4. <>
  5. <メタ charset="UTF- 8">
  6. <title>MathML 例タイトル>
  7. >
  8. <ボディ>
  9. <数学 xmlns="http: //www.w3.org/1998/Math/MathML">
  10. <mrow>
  11. <mrow>
  12. <msup>
  13. <>x>
  14. <mn>2>
  15. msup>
  16. <> mo>
  17. <mrow>
  18. <mn>4>
  19. <>>
  20. <>x>
  21. mrow>
  22. <> mo>
  23. <mn>4>
  24. mrow>
  25. <>=>
  26. <mn>0>
  27. mrow>
  28. 数学>
  29. ボディ>
  30. html>

この会生成如下结果


复制代码
代码如下:
x 2 4 x 4 = 0

この概念を学術的に理解するために、オンラインでの配信には FireFox 3.7 以降のバージョンを使用してください。

マス阵表表示例
想象一下面の例、它会は 1 つの简单の 2x2 マス阵:

XML/HTML コード复制コンテンツ到剪贴板
  1. html
  2. >
  3. <html>
  4. <>
  5. <メタ charset="UTF- 8">
  6. <title>MathML 例タイトル>
  7. >
  8. <ボディ>
  9. <数学 xmlns="http: //www.w3.org/1998/Math/MathML">
  10. <mrow>
  11. <>A>
  12. <>=>
  13. <フェンス オープン="[" 閉じる="]">
  14. <mtable>
  15. <mtr>
  16. <mtd>< >x>mtd>
  17. <mtd>< >y>mtd>
  18. mtr>
  19. <mtr>
  20. <mtd>< >>mtd>
  21. <mtd>< >>mtd>
  22. mtr>
  23. mtable>
  24. フェンス>
  25. mrow>
  26. 数学>
  27. ボディ>
  28. html>

この会生成如下结果
2016219113648268.jpg (86×68)

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート