HTML5: HTML5 MathML

ylbtech-HTML5: HTML5 MathML

 

1.返回顶部
1、

HTML5 MathML

HTML5 可以在文档中使用 MathML 元素,对应的标签是 ...

MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。

注意:大部分浏览器都支持 MathML 标签,如果你的浏览器不支持该标签,可以使用最新版的 Firefox 或 Safari 浏览器查看。


MathML 实例

以下是一个简单的 MathML 实例:

DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>菜鸟教程(runoob.com)title>
   head>
    
   <body>
    
      <math xmlns="http://www.w3.org/1998/Math/MathML">
        
         <mrow>
            <msup><mi>ami><mn>2mn>msup>
            <mo>+mo>
                
            <msup><mi>bmi><mn>2mn>msup>
            <mo>=mo>
                
            <msup><mi>cmi><mn>2mn>msup>
         mrow>
            
      math>
        
   body>
html>

 

尝试一下 »

运行结果图,如下所示:

HTML5: HTML5 MathML_第1张图片

以下实例添加了一些运算符:

DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>菜鸟教程(runoob.com)title>
   head>
    
   <body>
    
      <math xmlns="http://www.w3.org/1998/Math/MathML">
        
         <mrow>            
            <mrow>
                
               <msup>
                  <mi>xmi>
                  <mn>2mn>
               msup>
                    
               <mo>+mo>
                    
               <mrow>
                  <mn>4mn>
                  <mo>mo>
                  <mi>xmi>
               mrow>
                    
               <mo>+mo>
               <mn>4mn>
                    
            mrow>
                
            <mo>=mo>
            <mn>0mn>
                 
         mrow>
      math>
        
   body>
html>

 

尝试一下 »

运行结果图,如下所示:

HTML5: HTML5 MathML_第2张图片

以下实例是一个 2×2 矩阵,可以在 Firefox 3.5 以上版本查看到效果:

DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>菜鸟教程(runoob.com)title>
   head>
    
   <body>
      <math xmlns="http://www.w3.org/1998/Math/MathML">
        
         <mrow>
            <mi>Ami>
            <mo>=mo>
            
            <mfenced open="[" close="]">
            
               <mtable>
                  <mtr>
                     <mtd><mi>xmi>mtd>
                     <mtd><mi>ymi>mtd>
                  mtr>
                    
                  <mtr>
                     <mtd><mi>zmi>mtd>
                     <mtd><mi>wmi>mtd>
                  mtr>
               mtable>
               
            mfenced>
         mrow>
      math>
      
   body>
html>

 

尝试一下 »

运行结果图,如下所示:

HTML5: HTML5 MathML_第3张图片

2、
2.返回顶部
 
3.返回顶部
 
4.返回顶部
 
5.返回顶部
1、
http://www.runoob.com/html/html5-mathml.html
2、
 
6.返回顶部
 
warn 作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

转载于:https://www.cnblogs.com/storebook/p/8880918.html

你可能感兴趣的:(HTML5: HTML5 MathML)