communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel H5 > Une explication simple de l'utilisation des formules mathématiques MathML dans les compétences du didacticiel HTML5_html5

Une explication simple de l'utilisation des formules mathématiques MathML dans les compétences du didacticiel HTML5_html5

WBOY
Libérer： 2016-05-16 15:45:57
original
2606 Les gens l'ont consulté

La syntaxe HTML de HTML5 nous permet d'appliquer des éléments MathML dans le document à l'aide de la balise ....

Voici un document HTML5 valide utilisant MathML :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. html   
  2. >  
  3.   <html>  
  4.   <tête>  
  5.   <meta charset="UTF- 8">  
  6.   <titre>Théorème de Pythagoretitre>  
  7.   tête>  
  8.   <corps>  
  9.     <mathématiques xmlns="http : //www.w3.org/1998/Math/MathML">  
  10.       <mrow>  
  11.         <msup><mi >ami><mn>2mn>msup>  
  12.         <mo> mo>  
  13.         <msup><mi >bmi><mn>2mn>msup>  
  14.         <mo>=mo>  
  15.         <msup><mi >cmi><mn>2mn>msup>  
  16. mrow>
  17.  mathématiques> 
  18. corps>
  19. html> 

Cela produira le résultat suivant :


Copier le code
Le code est le suivant :
a2 b2 = c2

Facile à apprendre Ce concept - veuillez utiliser FireFox 3.7 ou supérieur pour vous entraîner en ligne.

Utiliser des caractères MathML
Imaginez que voici un balisage qui utilise le caractère ⁢ :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. html   
  2. >  
  3.   <html>  
  4.   <tête>  
  5.   <meta charset="UTF- 8">  
  6.   <titre>Exemples MathMLtitre>  
  7.   tête>  
  8.   <corps>  
  9.     <mathématiques xmlns="http : //www.w3.org/1998/Math/MathML">  
  10.        <mrow>  
  11.           <mrow>  
  12.              <msup>  
  13.                 <mi>xmi>  
  14.                 <mn>2mn>  
  15.              msup>  
  16.              <mo> mo>  
  17.              <mrow>  
  18.                 <mn>4mn>  
  19.                 <mo>⁢mo>  
  20.                 <mi>xmi>  
  21.              mrow>  
  22.              <mo> mo>  
  23.              <mn>4mn>  
  24.           mrow>  
  25.              <mo>=mo>  
  26.              <mn>0mn>  
  27.         mrow>  
  28.    mathématiques>  
  29. corps>  
  30. html>   

这会生成如下结果


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

便于学习这一概念 - FireFox 3.7 或更高版本进行在线练习。

矩阵表达示例
想象一下下面的例子，它会被用来表示一个简单的 2x2 矩阵：

Code XML/HTML复制内容到剪贴板
  1. html   
  2. >  
  3.   <html>  
  4.   <tête>  
  5.   <meta charset="UTF- 8">  
  6.   <titre>Exemples MathMLtitre>  
  7.   tête>  
  8.   <corps>  
  9.     <mathématiques xmlns="http : //www.w3.org/1998/Math/MathML">  
  10.        <mrow>  
  11.           <mi>Ami>  
  12.           <mo>=mo>  
  13.           <clôturé ouvert="["  fermer="]">  
  14.              <mtable>  
  15.                 <mtr>  
  16.                    <mtd><mi >xmi>mtd>  
  17.                    <mtd><mi >ymi>mtd>  
  18.                 mtr>  
  19.                 <mtr>  
  20.                    <mtd><mi >zmi>mtd>  
  21.                    <mtd><mi >wmi>mtd>  
  22.                 mtr>  
  23.              mtable>  
  24.          clôturé>  
  25.       mrow>  
  26.    mathématiques>  
  27. corps>  
  28. html>   

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

Étiquettes associées：
html5 math
source：php.cn
Article précédent：Comment utiliser les méta-attributs dans les conseils du didacticiel HTML5_html5 Article suivant：Résumé des éléments de lecture multimédia audio et vidéo dans les conseils du didacticiel HTML5_html5
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment faire apparaître mon image sur l'écran principal de la page ? Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...
Depuis 2024-04-06 15:33:12
0
1
433
Les fichiers PDF peuvent-ils exécuter HTML5 et Javascript ? J'ai une idée stupide d'essayer de créer un programme qui ne sera bloqué sur aucun ordinat...
Depuis 2024-04-05 12:57:00
0
1
456
Quelle est la différence entre enctype et formenctype en HTML5 ? Je me demande simplement quelle est la différence entre les attributs enctype et formencty...
Depuis 2024-04-02 11:47:56
0
1
275
Rendre la page adaptée aux mobiles ? J'ai de nombreuses pages Web et quelques sites Web. Le fait est que je suis débutant. J'ut...
Depuis 2024-04-01 20:42:38
0
1
259
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal