推荐阅读
  • HTML5 SSE

    HTML5 服务器发送事件(Server-Sent Events) HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。 Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。 以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过服务器发送事件,更新能够自动到达。 例子:Faceb

  • HTML5 新元素

    HTML5 新元素 HTML5 新元素 自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义。 为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等。

  • HTML5 表单元素

    HTML5 表单元素 HTML5 新的表单元素 HTML5 有以下新的表单元素: <datalist> <keygen> <output> 注意:不是所有的浏览器都支持HTML5 新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素。 HTML5 <

  • HTML5 Web 存储

    HTML5 Web 存储 HTML5 web 存储,一个比cookie更好的本地存储方式。 什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。 早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能. 数据以 键/值 对存在,

  • HTML5 Web SQL

    HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。 如果你是一个 Web 后端程序员,应该很容易理解 SQL 的操作。 你也可以参考我们的 SQL 教程,了解更多数据库操作知识。 Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏

  • HTML5 语义元素

    HTML5 语义元素 语义= 意义 语义元素 = 有意义的元素 什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。 无语义 元素实例: <div> 和 <span> - 无需考虑内容. 语义元素实例: <form>, <table>, and <im

  • HTML5 代码规范

    HTML(5) 代码规范 HTML 代码约定 很多 Web 开发人员对 HTML 的代码规范知之甚少。 在2000年至2010年,许多Web开发人员从 HTML 转换到 XHTML。 使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范。 而针对于 HTML5 ,我们应该形成比较好的代码规范,以下提供了几种规范的建议。 使用正确的文档类型 文档类型声明位于HTML文档的第一行:

  • HTML5 教程

    HTML5 简介 HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 简单易学。 什么是 HTML5? HTML5 是下一代 HTML 标准。 HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而,

  • HTML5 地理定位

    HTML5 Geolocation(地理定位) HTML5 Geolocation(地理定位)用于定位用户的位置。 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。 浏览器支持 Internet Explorer 9+, Firefox, Chrome, Safari 和 Op

  • HTML5 内联 SVG

    HTML5 内联 SVG HTML5 支持内联 SVG。 SVG Sorry, your browser does not support inline SVG. 什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG

HTML5 MathML

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

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

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

MathML 实例

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

 <!DOCTYPE html>

<html>

   <head>

      <meta charset="UTF-8">

      <title>爱学习网教程(lvstudy.com)</title>

   </head>

    

   <body>

    

      <math xmlns="https://www.w3.org/1998/Math/MathML">

        

         <mrow>

            <msup><mi>a</mi><mn>2</mn></msup>

            <mo>+</mo>

                

            <msup><mi>b</mi><mn>2</mn></msup>

            <mo>=</mo>

                

            <msup><mi>c</mi><mn>2</mn></msup>

         </mrow>

            

      </math>

        

   </body>

</html> 

?

运行结果图,如下所示:

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

 <!DOCTYPE html>

<html>

   <head>

      <meta charset="UTF-8">

      <title>爱学习网教程(lvstudy.com)</title>

   </head>

    

   <body>

    

      <math xmlns="https://www.w3.org/1998/Math/MathML">

        

         <mrow>            

            <mrow>

                

               <msup>

                  <mi>x</mi>

                  <mn>2</mn>

               </msup>

                    

               <mo>+</mo>

                    

               <mrow>

                  <mn>4</mn>

                  <mo>?</mo>

                  <mi>x</mi>

               </mrow>

                    

               <mo>+</mo>

               <mn>4</mn>

                    

            </mrow>

                

            <mo>=</mo>

            <mn>0</mn>

                 

         </mrow>

      </math>

        

   </body>

</html> 

?

运行结果图,如下所示:

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

 <!DOCTYPE html>

<html>

   <head>

      <meta charset="UTF-8">

      <title>爱学习网教程(lvstudy.com)</title>

   </head>

    

   <body>

      <math xmlns="https://www.w3.org/1998/Math/MathML">

        

         <mrow>

            <mi>A</mi>

            <mo>=</mo>

            

            <mfenced open="[" close="]">

            

               <mtable>

                  <mtr>

                     <mtd><mi>x</mi></mtd>

                     <mtd><mi>y</mi></mtd>

                  </mtr>

                    

                  <mtr>

                     <mtd><mi>z</mi></mtd>

                     <mtd><mi>w</mi></mtd>

                  </mtr>

               </mtable>

            </mfenced>

         </mrow>

      </math>

   </body>

</html> 

?

运行结果图,如下所示:

关于我们 免责声明 联系我们
Copyright © 2020 爱学习网 浙ICP备18049359号 网站地图 Google地图