search

Home  >  Article  >  Web Front-end  >  A simple explanation of using MathML mathematical formulas in HTML5_html5 tutorial skills

A simple explanation of using MathML mathematical formulas in HTML5_html5 tutorial skills

WBOY
WBOYOriginal
2016-05-16 15:45:572576browse

HTML5's HTML syntax allows us to apply MathML elements within the document using the ... tag.

Here is a valid HTML5 document using MathML:

XML/HTML CodeCopy content to clipboard
  1. html   
  2. >  
  3.   <html>  
  4.   <head>  
  5.   <meta charset="UTF-8">  
  6.   <title>Pythagorean theoremtitle>  
  7.   head>  
  8.   <body>  
  9.     <math 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> 
  18. body>
  19. html> 

This will produce the following result:


Copy code
The code is as follows:
a2 b2 = c2

Easy to learn This concept - please use FireFox 3.7 or higher to practice online.

Using MathML characters
Imagine that here is a markup that uses the character ⁢:

XML/HTML CodeCopy content to clipboard
  1. html   
  2. >  
  3.   <html>  
  4.   <head>  
  5.   <meta charset="UTF-8">  
  6.   <title>MathML Examplestitle>  
  7.   head>  
  8.   <body>  
  9.     <math 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>  
  29. body>  
  30. html>   

这会生成如下结果


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

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

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

XML/HTML Code复制内容到剪贴板
  1. html   
  2. >  
  3.   <html>  
  4.   <head>  
  5.   <meta charset="UTF-8">  
  6.   <title>MathML Examplestitle>  
  7.   head>  
  8.   <body>  
  9.     <math xmlns="http://www.w3.org/1998/Math/MathML">  
  10.        <mrow>  
  11.           <mi>Ami>  
  12.           <mo>=mo>  
  13.           <mfenced open="[" close="]">  
  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.          mfenced>  
  25.       mrow>  
  26.    math>  
  27. body>  
  28. html>   

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

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：How to use meta attributes in HTML5_html5 tutorial tipsNext article：How to use meta attributes in HTML5_html5 tutorial tips

Related articles

See more