Introduction à MathML - Le langage de balisage pour les mathématiques
MathML est un langage de balisage qui peut être utilisé pour afficher des notations mathématiques . Vous pouvez utiliser des balises MathML directement à partir de HTML5. Il est utile lorsque vous souhaitez afficher plus que de simples notations de Maths dans vos pages Web, et qu'il est assez facile à utiliser en raison de sa simplicité et de sa ressemblance avec le HTML .
MathML a deux types de balisage; présentation (pour la mise en page) et contenu (pour le sens). Étant donné que seul le balisage de présentation est pris en charge par les navigateurs, il s'agit du seul type de balisage pouvant être utilisé avec HTML. Vous pouvez également utiliser CSS et JavaScript comme vous le feriez sur HTML.
Jetons un coup d'oeil à MathML.
Comprendre MathML
Il existe une liste des éléments MathML présents sur le site Web de Mozilla Developer. J'ai également énuméré les éléments utilisés dans les exemples à la fin de ce poste pour une référence rapide.
L'élément de niveau supérieur dans MathML est le
Voici quelques exemples simples.
Comment afficher exposant et indice
le
n 7

7 26

Voici un autre exemple simple d'affichage des entiers racines.
- 6785

Passons maintenant à des notations plus complexes, la matrice.
Comment afficher une matrice
Pour construire une matrice, nous aurons besoin d'une structure de table pour les lignes et les colonnes. Pour cela, nous utilisons
En dehors de cela, nous allons utiliser le [
et ]
autour de la matrice, et enfin les mettre tous à l'intérieur du
Voici le résultat final:
[ 0 4 dix 5 2 X 9 11 1 ]
En outre, jetons un peu de CSS pour faire ressortir ce 'X' dans la matrice.
mi {couleur: rouge; }

Voici un exemple d'un type basique d'équation intégrale. le

F ( X ) = &Intégral; une b K ( X , t ) φ ( t ) ré t
Pour une liste des entités de caractères MathML, cliquez ici pour les trouver sur le site Web du W3C.
Attributs MathML
En dehors des attributs qui sont identiques à ceux du HTML (comme id
), MathML possède également un ensemble de leurs propres attributs. Le site du développeur Mozilla possède une collection d'attributs MathML pour votre référence. Pour les solutions de secours, vous pouvez utiliser la bibliothèque JavaScript MathJax. Si vous avez besoin de plus d'outils, consultez ce lien ici.
Je prends mon congé avec ce codepen contenant tous les exemples ci-dessus, pour votre référence facile.
Liste de référence des éléments MathML
Éléments | Définition |
Elément MathML de niveau supérieur | |
Affiche les identifiants (variables, constantes, noms de fonctions) | |
Affiche le littéral numérique | |
Affiche l'opérateur | |
Affiche le littéral de chaîne | |
Associe un exposant à une base | |
Attache un indice à une base | |
Utilisé pour afficher les fractions | |
Affiche les radicaux avec indices | |
Affiche la racine carrée | |
Affiche un tableau ou une matrice | |
Rangée de | |
Colonne dans | |
Sous-expressions de groupes | |
Utilisé pour ajouter un exposant, un indice, un préscripteur et une préscription |

Un regard dans: Firefox Developer Edition
Après un court taquin, Mozilla a officiellement publié Firefox Developer Edition. C'est un nouveau navigateur destiné spécifiquement aux développeurs web . Bien qu'il n'ait pas été annoncé officiellement, il semblerait qu'il remplacera Firefox Aurora à un moment donné.A en juger par le nom, les annonces officielles et la page d'atterrissage, il ressemble à Firefox Developer Edition est le premier grand navigateur construit pour le développement, et pas seulement le soutenir. Il contien

6 raisons psychologiques derrière le comportement en ligne des gens
À un certain moment dans votre vie en ligne, vous pourriez vous être demandé : Pourquoi les trolls trolls? Pourquoi mon ami doit-il inonder mon flux Facebook de mises à jour minute par minute sur la météo? Pourquoi les discussions du forum sont-elles si animées?Regardons de plus près ces questions car la psychologie offre des réponses.L'In