>  기사  >  웹 프론트엔드  >  HTML5_html5 튜토리얼 기술에서 MathML 수학 공식을 사용하는 방법에 대한 간단한 설명

HTML5_html5 튜토리얼 기술에서 MathML 수학 공식을 사용하는 방법에 대한 간단한 설명

WBOY
WBOY원래의
2016-05-16 15:45:572535검색

HTML5의 HTML 구문을 사용하면 ... 태그를 사용하여 문서 내에 MathML 요소를 적용할 수 있습니다.

MathML을 사용하는 유효한 HTML5 문서는 다음과 같습니다.

XML/HTML 코드클립보드에 콘텐츠 복사
  1. html   
  2. >  
  3.   <html>  
  4.   <머리>  
  5.   <메타 문자 집합="UTF- 8">  
  6.   <제목>피타고라스 정리제목>  
  7.   머리>  
  8.   <>  
  9.     <수학 xmlns="http: //www.w3.org/1998/Math/MathML">  
  10.       <성장>  
  11.         <msup><mi >><백만>2백만>msup>  
  12.         <> >  
  13.         <msup><mi >bmi><mn>2백만>msup>  
  14.         <>=>  
  15.         <msup><mi >cmi><mn>2백만>msup>  
  16. 성장>
  17.  수학> 
  18. >
  19. html> 

다음과 같은 결과가 나옵니다.


코드 복사
코드는 다음과 같습니다.
a2 b2 = c2

배우기 쉬움 이 개념 - 온라인으로 연습하려면 FireFox 3.7 이상을 사용하십시오.

MathML 문자 사용
⁢ 문자를 사용하는 마크업이 있다고 상상해 보세요.

XML/HTML 코드클립보드에 콘텐츠 복사
  1. html   
  2. >  
  3.   <html>  
  4.   <머리>  
  5.   <메타 문자 집합="UTF- 8">  
  6.   <제목>MathML 예제목>  
  7.   머리>  
  8.   <>  
  9.     <수학 xmlns="http: //www.w3.org/1998/Math/MathML">  
  10.        <성장>  
  11.           <mrow>  
  12.             <msup>  
  13.                <mi>x>  
  14.                <백만>2백만>  
  15.             msup>  
  16.             <> >  
  17.             <성장>  
  18.                <백만>4백만>  
  19.                <>>  
  20.                <mi>x>  
  21.             성장>  
  22.             <> >  
  23.             <백만>4백만>  
  24.           mrow>  
  25.             <>=>  
  26.             <백만>0백만>  
  27.         mrow>  
  28.    수학>  
  29. >  
  30. html>   

这会生成如下结果


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

여기에서는 FireFox 3.7을 사용하여 FireFox 3.7을 사용하고 있습니다.

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

XML/HTML 코드复复内容到剪贴板
  1. html   
  2. >  
  3.   <html>  
  4.   <머리>  
  5.   <메타 문자 집합="UTF- 8">  
  6.   <제목>MathML 예제목>  
  7.   머리>  
  8.   <>  
  9.     <수학 xmlns="http: //www.w3.org/1998/Math/MathML">  
  10.        <성장>  
  11.           <mi>A>  
  12.           <>=>  
  13.           <막혀 있음 열림="["  닫기="]">  
  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.          막혀 있음>  
  25.       mrow>  
  26.    수학>  
  27. >  
  28. html>   

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.