简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > Tutoriel H5 > le corps du texte

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
2535 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 définir l'attribut obligatoire de HTML5 à l'aide de Javascript ? J'essaie de marquer une zone de saisie de texte comme requis en Javascript. <inputid=&q...
Depuis 2023-10-13 08:52:25
0
2
317
Problème lié à l'obtention de coordonnées de souris précises : utilisation du canevas HTML5 lors du redimensionnement de la page Je souhaite créer cet effet de pixel à partir d'un expert front-end. Bien que je puisse ob...
Depuis 2023-09-12 12:20:33
0
1
280
Vidéo HTML5 M3U8 encodée en Base64 Je souhaite ajouter un fichier M3U8 encodé en base64 dans la balise vidéo de HTML5, commen...
Depuis 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap : méthode d'événement onclick non appelée, erreur "Variable introuvable : updateDocument" Je suis nouveau dans le développement front-end mais j'ai une compréhension de base de HTM...
Depuis 2023-09-09 20:06:48
0
1
362
Supprimer la barre oblique de fermeture '/' de la balise d'image en XHTML J'ai une chaîne txt1 qui stocke une image. Sa valeur est au format XHTML, c'est à dire que...
Depuis 2023-09-06 12:15:38
0
1
240
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！