コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > H5 チュートリアル > 本文

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

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

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)

関連ラベル：
html5 math
ソース：php.cn
前の記事：HTML5_html5 でメタ属性を使用する方法のチュートリアルのヒント 次の記事：HTML5_html5 チュートリアル ヒントのオーディオおよびビデオ メディア再生要素の概要
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
PDF ファイルは HTML5 と JavaScript を実行できますか? PDF に埋め込まれるため、どのコンピュータでもブロックされないプログラムを作成してみようという愚かな考えがあります (JavaScript は PDF 内で実行できると聞きました...
から 2024-04-05 12:57:00
0
1
456
HTML5 の enctype と formenctype の違いは何ですか? HTMLLivingStandard (別名、新しい HTML5 仕様) の属性 enctype と formenctype の違いは何でしょうか?私は HTML Standard...
から 2024-04-02 11:47:56
0
1
275
ページをモバイル対応にしますか? たくさんの Web ページといくつかの Web サイトがあります。問題は、私は初心者だということです。基本的な html5 と css3 を使用していますが、それらをスケールアップ...
から 2024-04-01 20:42:38
0
1
259
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート