지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > H5 튜토리얼 > 본문

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

WBOY
풀어 주다： 2016-05-16 15:45:57
원래의
2576명이 탐색했습니다.

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)

관련 라벨：
html5 math
원천：php.cn
이전 기사：HTML5_html5 튜토리얼 팁에서 메타 속성을 사용하는 방법 다음 기사：HTML5_html5 튜토리얼 팁의 오디오 및 비디오 미디어 재생 요소 요약
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
내 이미지를 페이지의 기본 디스플레이에 표시하려면 어떻게 해야 합니까? 제가 하고 싶은 것은 NASAAPI를 사용하여 사진 몇 장을 받는 것입니다. 이 사진은 내 페이지의 썸네일과 메인 디스플레이에 표시됩니다. 코드가 썸네일에서 이미...
에서 2024-04-06 15:33:12
0
1
433
PDF 파일에서 HTML5 및 Javascript를 실행할 수 있습니까? PDF에 포함되므로 어떤 컴퓨터에서도 차단되지 않는 프로그램을 만들어 보자는 어리석은 생각이 있습니다(Javascript가 PDF에서 실행될 수 있다고 들었습니다...
에서 2024-04-05 12:57:00
0
1
456
HTML5에서 enctype과 formenctype의 차이점은 무엇입니까? HTMLLivingStandard(새 HTML5 사양이라고도 함)의 enctype 속성과 formenctype 속성의 차이점이 무엇인지 궁금합니다. 나는 개발자를...
에서 2024-04-02 11:47:56
0
1
275
페이지를 모바일 친화적으로 만드시겠습니까? 나는 많은 웹 페이지와 일부 웹 사이트를 가지고 있습니다. 문제는 제가 초보자라는 것입니다. 저는 기본 html5와 css3을 사용하고 있지만 확장, 축소 및 모...
에서 2024-04-01 20:42:38
0
1
259
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿