MathML-퀵 가이드

MathML은 Mathematical Markup Language의 약자이며 XML 기반 응용 프로그램입니다. 수학적 및 과학적 표기법을 설명하는 데 사용됩니다. 1 및 2 버전은The Math Working Group1996 년부터 2004 년까지 가장 오래된 W3C 워킹 그룹 중 하나입니다. MathML 버전 3은 Math Working Group의 두 번째 활동 기간 (2006-2016)에 생성되었으며 ISO 표준입니다.

웹에서 수학

MathML은 XML 기반이며 형식 및 의미론 측면에서 수학 방정식을 마크 업하는 데 사용할 수있는 제한된 수의 태그를 가지고 있습니다. MathML은 구문의 의미와 방정식의 형식을 캡처하려고합니다. 수학 방정식은 종종 많은 응용 프로그램에서 의미가 있으므로 MathML을 사용하여 작성하면 방정식의 의미뿐만 아니라 형식도 처리합니다. MathML은 기계 간 통신을위한 기초로 수학을 설명하는 저수준 형식을 제공합니다.

대수 시스템과 같은 다양한 응용 프로그램, 인쇄 식 자기는 MathML을 사용하여 고품질 시각적 표시를위한 수학적 표기법을 인코딩 할 수 있으며, 수학적 콘텐츠 및 과학 소프트웨어, 음성 합성기는 의미론에 MathML을 사용할 수 있습니다.

MathML은 수학적 표기법을 나타내는 두 가지 방법을 제공합니다.

  • Presentational Way − 수학 연산자 등과 함께 mrow, mi, mo와 같은 마크 업 태그를 사용합니다.

  • Semantic Way − apply, eq, power 등과 같은 마크 업 태그를 사용합니다.

MathJax 라이브러리를 사용하여 MathML 구문을 렌더링하여 모든 주요 브라우저에서 실행할 수 있습니다. 현재 프레젠테이션 방식 만 지원합니다.

예 : 프레젠테이션 방식

통사론

<math xmlns = "http://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>

산출

엑스 2 + 4 엑스 + 4 = 0
  • <maction> − 작업을 하위 표현식 / 표현식에 바인딩하는 옵션을 제공합니다.

  • <math>− 최상위 또는 루트 레벨 요소이며 MathML 인스턴스의 각 인스턴스를 캡슐화하는 데 사용됩니다. 모든 유효한 MathML 표현식은 외부 <math> 태그로 래핑되어야합니다. 여러 하위 요소를 포함 할 수 있습니다. 하나의 수학 요소에는 다른 수학 요소 태그가 포함될 수 없습니다.

  • <menclose> − notation 속성에 의해 지정된 둘러싸는 표기법 안에 내용을 렌더링합니다.

  • <merror> − 내용을 오류 메시지로 표시합니다.

  • <mfenced> − 표현식에 사용자 정의 열기 및 닫기 괄호와 구분 기호를 추가하는 옵션을 제공합니다.

  • <mfrac> − 분수를 표시하는 데 사용됩니다.

  • <mglyph> − 기존 유니 코드 문자를 사용할 수없는 비표준 기호를 표시하는 데 사용됩니다.

  • <mi> − 변수 이름, 함수 또는 상수 등과 같은 식별자를 지정하는 데 사용됩니다. 예 : <mi> PI </ mi>.

  • <mlabeledtr>− mtable의 side 속성을 사용하여 왼쪽 또는 오른쪽 행에 레이블을 표시하는 데 사용됩니다. mlabeledtr의 자식 요소는 mtd 요소 여야합니다.

  • <mmultiscripts> − 텐서와 유사한 객체를 생성하는 옵션을 제공합니다.

  • <mn> − 3.14 등과 같은 숫자 리터럴을 지정하는 데 사용됩니다. 예 : <mn> 3.14 </ mn>.

  • <mo> − +,-등과 같은 연산자를 지정하는 데 사용됩니다. 예 : <mo> + </ mo>.

  • <mover> − 표현에 악센트 또는 제한을 붙이는 데 사용됩니다.

  • <mpadded> − 추가 패딩을 추가하고 포함 된 콘텐츠의 위치 및 크기에 대한 일반적인 조정을 설정하는 데 사용됩니다.

  • <mphantom> − 높이, 너비 및 기준선 위치를 그대로 유지하면서 보이지 않게 렌더링되는 공간을 만드는 데 사용됩니다.

  • <mroot> − 명시 적 색인으로 근을 표시하는 데 사용됩니다.

  • <mrow> − 여러 하위 표현식을 가로로 그룹화하는 데 사용됩니다.

  • <ms> − 프로그래밍 언어 및 컴퓨터 대수 시스템에 의해 해석되는 문자열 리터럴을 나타내는 데 사용됩니다.

  • <mspace> − 속성을 사용하여 크기가 설정된 공백을 표시하는 데 사용됩니다.

  • <msqrt> − 제곱근을 표시하는 데 사용됩니다.

  • <mstyle> − 자식에게 스타일을 적용하는 데 사용됩니다.

  • <msub>− 표현식에 아래 첨자를 첨부하는 데 사용됩니다. 다음 구문을 사용합니다. <msub> base subscript </ msub>.

  • <msubsup>− 식에 아래 첨자와 위첨자를 함께 첨부하는 데 사용됩니다. 다음 구문을 사용합니다. <msubsup> 기본 아래 첨자 위 첨자 </ msubsup>.

  • <msup>− 표현식에 위첨자를 첨부하는 데 사용됩니다. 다음 구문을 사용합니다. msup base superscript </ msup>.

  • <mtable> − 테이블 또는 행렬을 생성하는 옵션을 제공합니다.

  • <mtd> − 표 또는 행렬의 셀을 나타냅니다.

  • <mtext> − 주석이나 주석과 같은 표기 의미가없는 텍스트를 렌더링하는 데 사용됩니다.

  • <mtr> − 표 또는 행렬의 행을 나타냅니다.

  • <munder>− 식 아래에 악센트 또는 제한을 추가하는 옵션을 제공합니다. 다음 구문을 사용합니다. <munder> base underscript </ munder>

  • <munderover>− 식 아래 및 위에 모두 악센트 또는 제한을 추가하는 옵션을 제공합니다. 다음 구문을 사용합니다. </ munderover> base underscript overscript </ munderover>

  • <semantics> − <semantics>, <annotation> 및 <annotation-xml>은 프레젠테이션 및 콘텐츠 마크 업을 추가하는 데 사용되며 수학적 표현의 레이아웃 정보와 의미 론적 의미를 모두 제공합니다.

MathML 표현식에는 다섯 가지 기본 요소가 있습니다.

  • <math> element− 최상위 또는 루트 레벨 요소이며 MathML 인스턴스의 각 인스턴스를 캡슐화하는 데 사용됩니다. 모든 유효한 MathML 표현식은 외부 <math> 태그로 래핑되어야합니다. 여러 하위 요소를 포함 할 수 있습니다. 하나의 수학 요소에는 다른 수학 요소 태그가 포함될 수 없습니다.

  • <mrow> element − 여러 개의 하위 표현식을 가로로 그룹화하는 데 사용됩니다.

  • <mi> element − 변수 이름, 함수, 상수 등과 같은 식별자를 지정하는 데 사용됩니다. 예 : <mi> PI </ mi>.

  • <mo> element − +,-등과 같은 연산자를 지정하는 데 사용됩니다. 예 : <mo> + </ mo>.

  • <mn> element − 3.14 등과 같은 숫자 리터럴을 지정하는 데 사용됩니다. 예 : <mn> 3.14 </ mn>.

MathML 표기법을 사용하여 간단한 수학 방정식 a + b = 5를 작성해 보겠습니다.

1 단계 : 식별

여기서 a, b는 변수입니다. +는 연산자이고 5는 숫자입니다. <mi> a </ mi>, <mi> b </ mi>, <mo> + </ mo> 및 <mn> + </ mn>로 묶습니다.

2 단계 : 표현식 작성, a + b.

Syntax

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow>  
      <mi>a</mi>  
      <mo>+</mo>  
      <mi>b</mi>  
   </mrow>
</math>

Output

+

3 단계 : 표현식 작성, a + b = 5.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow> 
      <mrow>  
         <mi>a</mi>  
         <mo>+</mo>  
         <mi>b</mi>  
      </mrow>
      <mo>=</mo>  
      <mn>5</mn>  
   </mrow>
</math>

Output

+ = 5

<mscarries> 요소는 초등 수학에서 발생하는 운반, 차용 및 크로스 아웃을 만드는 데 사용할 수 있습니다. mscarries의 자식은 mstack의 다음 행에있는 요소와 연결됩니다. <mscarry> 또는 <none>을 제외한 mscarries의 각 자식은 암시 적으로 mscarry로 둘러싸인 것으로 처리됩니다. <없음>은 특정 칼럼에 캐리가 필요하지 않을 때 사용됩니다. mscarries 요소는 디스플레이 스타일을 다음과 같이 설정합니다.false및 증분 scriptlevel 따라서 하위 항목은 일반적으로 더 작은 글꼴로 표시됩니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<mscarries> expression <mscarry> <none/> </mscarry> </mscarries>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • expression − 캐리 / 빌려가 적용될 표현.

  • mscarry − 운반 태그.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • position − 포함하는 msgroup에 의해 결정된 위치에 상대적인이 그룹 내 행의 수평 위치를 지정합니다.

  • location− 관련 열에서 그 아래에있는 문자와 관련된 캐리 또는 차용의 위치를 ​​지정합니다. 값은 w, nw, n, ne, e, se, s, sw입니다.

  • crossout − 각 캐리 아래의 열 내용이 어떻게 지정되는지 지정 crossed out; 하나 이상의 값이 제공 될 수 있으며 모든 값이 그려집니다. 값은 none, updiagonalstrike, downdiagonalstrike, verticalstrike, horizontalstrike입니다. 기본값은 없음입니다.

  • scriptsizemultiplier − 글꼴 크기를 변경할 요소를 지정합니다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mstack>
      <mscarries crossout='updiagonalstrike'>
         <mn>2</mn>
         <mn>12</mn>  
         <mscarry crossout='none'>
            <none/> 
         </mscarry>
      </mscarries>
      <mn>2,327</mn>
      
      <msrow>
         <mo>-</mo> 
         <mn> 1,156</mn> 
      </msrow>
      <msline/>
      <mn>1,171</mn>
   </mstack>
</math>

산출

2 12 2,327 - 1,156 1,171

<menclose> 태그는 notation 속성에 지정된대로 둘러싸는 표기법 내부의 컨텐츠를 렌더링하는 데 사용됩니다. 여러 자식의 추론 된 mrow로 단일 인수를 허용합니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<menclose> expression </menclose>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • expression − 표현.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • notation− 자식을 묶는 데 사용할 표기법 목록을 공백으로 구분하여 지정합니다. 유효한 값은 longdiv, 보험 통계, phasorangle, radical, box, roundedbox, circle, left, right, top, bottom, updiagonalstrike, downdiagonalstrike, verticalstrike, horizontalstrike, northeastarrow, madruwb, text입니다. 기본값은 longdiv입니다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mi>C</mi>
   <mrow>
      <menclose notation = 'phasorangle'>
         <mrow>
            <mo>−</mo>
            <mfrac>
               <mi>π</mi>
               <mn>2</mn>
            </mfrac>
         </mrow>
      </menclose>
   </mrow>
</math>

산출

π 2

<mfenced> 태그는 <mo> 태그를 사용하는 대신 중괄호, 대괄호 및 괄호와 같은 펜싱 연산자를 사용하는 편리한 방법입니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<mfenced> expression </mfenced>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • expression − 표현.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • open− 여는 구분 기호를 지정합니다. 기본값은 '('입니다.

  • close− 닫는 구분 기호를 지정합니다. 기본값은 ')'입니다.

  • separators− 선택적으로 공백으로 구분 된 0 개 이상의 구분 문자 시퀀스를 지정합니다. 기본값은 ','입니다.

예 1 : <mfenced> 태그 없음

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow>
      <mo>(</mo>
      <mi>x</mi>
      <mo>)</mo>
   </mrow>
</math>

산출

( 엑스 )

예 2 : <mfenced> 태그 사용

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mfenced>
      <mi>x</mi>
   </mfenced>
</math>

산출

엑스

예 3 : f (x, y)

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow>
      <mi> f </mi>
      <mo> ⁡</mo>
      <mfenced>
         <mi> x </mi>
         <mi> y </mi>
      </mfenced>
   </mrow>
</math>

산출

에프 엑스 와이

예 4 : (a + b)

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mfenced>
      <mrow>
         <mi> a </mi>
         <mo> + </mo>
         <mi> b </mi>
      </mrow>
   </mfenced>
</math>

산출

+

예 5 : [0,1)

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mfenced open="[">
      <mn> 0 </mn>
      <mn> 1 </mn>
   </mfenced>
</math>

산출

0 1

<mfrac> 태그는 분수를 그리는 데 사용됩니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<mfrac> numerator denominator </mfrac>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • numerator − 분수의 분자.

  • denominator − 분수의 분모.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • linethickness− 분수 막대의 스트로크 너비를 지정합니다. 값은 px, pt, em 등으로 측정됩니다.

  • numalign− 분자 정렬을 지정합니다. 값은 왼쪽, 오른쪽 또는 가운데입니다.

  • denomalign− 분모의 정렬을 지정합니다. 값은 왼쪽, 오른쪽 또는 가운데입니다.

  • bevelled− 분수를 세로로 표시할지 인라인으로 표시할지 지정합니다. 값은 참 또는 거짓입니다.

1 / x에 대한 간단한 분수를 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mfrac>
      <mn>1</mn>
      <mi>x</mi>
   </mfrac>
</math>

산출

1 엑스

복소수를 만들어 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mfrac linethickness = '3px'>
      <mfrac bevelled = 'true'>
         <mn>1</mn>
         <mi>x</mi>
      </mfrac>
      
      <mrow>
         <mi>y</mi>
         <mo>-</mo>
         <mn>2</mn>
      </mrow>
   </mfrac>
</math>

산출

1 엑스 와이 - 2

<mlongdiv> 태그는 긴 분할을 그리는 데 사용됩니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<mlongdiv> divisor dividend result expression </mlongdiv>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • divisor − 긴 나눗셈의 제수.

  • dividend − 긴 나눗셈의 배당금.

  • result − 긴 나눗셈의 결과.

  • expression − mstack 요소 또는 mstack의 자식.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • longdivstyle− 긴 분할 레이아웃의 스타일을 제어합니다. 유효한 값은 lefttop, stackedrightright, mediumstackedrightright, shortstackedrightright, righttop, left / \ right, left) (right, : right = right, stackedleftleft, stackedleftlinetop입니다. 기본값은 lefttop입니다.

1 / x에 대한 간단한 분수를 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mlongdiv longdivstyle = "lefttop">
      <mn> 3 </mn>
      <mn> 435.3</mn>
      <mn> 1306</mn>
      <msgroup position = "2" shift = "-1">
         <msgroup>
            <mn> 12</mn>
            <msline length = "2"/>
         </msgroup>
         
         <msgroup>
            <mn> 10</mn>
            <mn> 9</mn>
            <msline length = "2"/>
         </msgroup>
         
         <msgroup>
            <mn> 16</mn>
            <mn> 15</mn>
            <msline length = "2"/>
            <mn> 1.0</mn>           
         </msgroup>   
         
         <msgroup position='-1'>   
            <mn> 9</mn>
            <msline length = "3"/>
            <mn> 1</mn>
         </msgroup>
      </msgroup>
   </mlongdiv>
</math>

산출

435.3 1306 년 12 10 9 16 15 1.0 9 1

<mtable> 태그는 행렬을 그리는 데 사용됩니다.

통사론

mtable은 HTML의 table 태그와 유사하며이 태그는 HTML의 tr 및 td 태그와 유사한 mtr, mtd 요소를 사용합니다.

<mtable> <mtr> <mtd></mtd></mtr></mfrac>

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • align− 테이블의 수직 정렬을 지정합니다. 유효한 값은 축, 기준선, 아래쪽, 가운데, 위쪽입니다. 기본값은 축입니다.

  • class, id, style − 스타일 시트와 함께 사용됩니다.

  • columnalign− 셀의 수평 정렬을 지정합니다. 유효한 값은 왼쪽, 가운데 및 오른쪽입니다. 기본값은 중앙입니다.

  • columnlines− 열 테두리를 지정합니다. 유효한 값은 없음, 실선 및 파선입니다. 기본값은 없음입니다.

  • columnspacing − 테이블 열 사이의 공간을 지정합니다.

  • displaystyle − 표시된 방정식에 대해 더 많은 수직 공간이 사용되는 경우, false이면 공식을 표시하는 데 더 간결한 레이아웃이 사용됩니다.

  • frame− 전체 테이블의 테두리를 지정합니다. 유효한 값은 없음, 실선 및 파선입니다. 기본값은 없음입니다.

  • framespacing − 테이블과 프레임 사이에 추가되는 공간을 지정합니다.

  • href − 지정된 URI에 대한 하이퍼 링크를 지정합니다.

  • mathbackground− 배경색을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

  • mathcolor− 텍스트 색상을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

  • rowalign− 셀의 수직 정렬을 지정합니다. 유효한 값은 축, 기준선, 아래쪽, 가운데 및 위쪽입니다. 기본값은 기준입니다.

  • rowlines− 행 테두리를 지정합니다. 유효한 값은 없음, 실선 및 파선입니다. 기본값은 없음입니다.

  • width − 전체 테이블의 너비를 지정합니다.

3 x 3 메트릭을 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow>
      <mo>[</mo>
      <mtable>
         <mtr>
            <mtd><mn>1</mn></mtd>
            <mtd><mn>0</mn></mtd>
            <mtd><mn>0</mn></mtd>
         </mtr>
         
         <mtr>
            <mtd><mn>0</mn></mtd>
            <mtd><mn>1</mn></mtd>
            <mtd><mn>0</mn></mtd>
         </mtr>
         
         <mtr>
            <mtd><mn>0</mn></mtd>
            <mtd><mn>0</mn></mtd>
            <mtd><mn>1</mn></mtd>
         </mtr>
      </mtable>
      <mo>]</mo>
   </mrow>
</math>

산출

[ 1 0 0 0 1 0 0 0 1 ]

<msgroup>은 스택 정렬과 관련된 위치를 갖도록 <mstack> 요소 및 <mlongdiv> 요소 내부의 행을 그룹화하는 데 사용됩니다. shift 특성이있는 <msgroup> 요소를 사용하여 간단한 곱셈을 만들 수 있습니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<msgroup> expression </msgroup>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • expression − 표현.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • position− 포함하는 msgroup에 의해 제어되는 위치를 기준으로 그룹 내 행의 수평 위치를 지정합니다 (위치 및 이동 속성에 따라). 기본값은 0입니다.

  • shift− 그룹 내에서 연속적인 자식 (행 또는 그룹)에 대한 위치의 증분 이동을 지정합니다. 기본값은 0입니다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mstack>
      <msgroup>
         <mn>123</mn>
         <msrow>
            <mo>×</mo>
            <mn>321</mn>
         </msrow>
      </msgroup>
      <msline/>
      
      <msgroup shift = "1">
         <mn>123</mn>
         <mn>246</mn>
         <mn>369</mn>
      </msgroup>
      <msline/>
      <mn>39483</mn>
   </mstack>
</math>

산출

123 × 321 123 246 369 39483

<mover> 태그는 오버 스크립트를 그리는 데 사용됩니다. 표현에 악센트 또는 제한을 추가합니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<mover> base overscript </mover>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • base − 오버 스크립트가 그려 질 기본 표현식.

  • overscript − 오버 스크립트.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • accent− true 인 경우 over-script가 악센트이며 기본 표현식에 더 가깝게 그려집니다. false 인 경우 over-script는 기본 표현식에 대한 제한입니다. 기본값은 거짓입니다.

  • align− 오버 스크립트의 정렬을 지정합니다. 유효한 것은 왼쪽, 가운데 및 오른쪽입니다.

  • class, id, style − 스타일 시트와 함께 사용됩니다.

  • href − 지정된 URI에 대한 하이퍼 링크를 지정합니다.

  • mathbackground− 배경색을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

  • mathcolor− 텍스트 색상을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

오버 스크립트를 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mover accent = "true">    
     <mrow>    
       <mi> x </mi>    
       <mo> + </mo>    
       <mi> y </mi>    
       <mo> + </mo>    
       <mi> z </mi>    
     </mrow>    
     <mo>&#x23DE;</mo>    
   </mover>
</math>

산출

엑스 + 와이 +

<mpadded> 요소는 내용 주위에 패딩 또는 추가 공간을 추가하는 데 사용됩니다. 네거티브 패딩과 같이 크기와 위치를 조정하는 데 사용할 수 있습니다. 이로 인해 mpadded의 콘텐츠가 인접 콘텐츠의 렌더링과 겹칠 수 있습니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<mpadded> expression </mpadded>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • expression − 여러 자녀의 추론 된 mrow.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • height − mpadded 요소의 높이를 설정하거나 증가시킵니다.

  • depth − mpadded 요소의 깊이를 설정하거나 증가시킵니다.

  • width − mpadded 요소의 너비를 설정하거나 증가시킵니다.

  • lspace − 아동 콘텐츠의 가로 공간을 설정합니다.

  • voffset − 아동 콘텐츠의 세로 공간을 설정합니다.

예 1

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow>
      <mi>x</mi>
      <mpadded lspace = "0.2em" voffset = "0.3ex">
         <mi>y</mi>
      </mpadded>
      <mi>z</mi>
   </mrow>
</math>

산출

엑스 와이

예 2

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow>
      <mi>x</mi>
      <mpadded width = "+90%width" height = "+0.3ex" depth = "+0.3ex">
         <mi>y</mi>
      </mpadded>
      <mi>z</mi>
   </mrow>
</math>

산출

엑스 와이

예제 3

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow>
      <mi>x</mi>
      <mpadded lspace = "0.3em" width = "+0.6em">
         <mi>y</mi>
      </mpadded>
      <mi>z</mi>
   </mrow>
</math>

산출

엑스 와이

<mphantom> 요소는 내용이 정상적으로 렌더링 될 경우 내용과 같이 기준 위치를 포함하여 동일한 크기 및 기타 치수를 보이지 않게 렌더링합니다. 하위 표현식을 보이지 않게 복제하여 표현식의 일부를 정렬하는 데 사용됩니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<mphantom> expression </mphantom>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • expression − 여러 자녀의 추론 된 mrow.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • mathbackground− 배경색을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mfrac>
      <mrow>
         <mi> x </mi>
         <mo> + </mo>
         <mi> y </mi>
         <mo> + </mo>
         <mi> z </mi>
      </mrow>
      
      <mrow>
         <mi> x </mi>
         <mphantom>
            <mo> + </mo>
         </mphantom>
         
         <mphantom>
            <mi> y </mi>
         </mphantom>
         <mo> + </mo>
         <mi> z </mi>
      </mrow>
   </mfrac>
</math>

산출

엑스 + 와이 + 엑스 + 와이 +

msqrt 및 mroot 요소는 라디칼을 구성합니다. msqrt 요소는 제곱근을 구성하고 mroot 요소는 인덱스 (예 : 세제곱근)를 사용하여 근호를 구성합니다.

<msqrt> 요소

<msqrt> 태그는 제곱근을 그리는 데 사용됩니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<msqrt> base </msqrt>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • base − 제곱근이 그려 질 기본 표현식.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • mathbackground− 배경색을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

  • mathcolor− 텍스트 색상을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

제곱근을 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <msqrt>  
      <mn>4</mn>  
   </msqrt>
</math>

산출

4

<mroot> 요소

<mroot> 태그는 인덱스로 근호를 그리는 데 사용됩니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<mroot> base index </mroot>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • base − 제곱근이 그려 질 기본 표현식.

  • index − 그릴 루트의 인덱스.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • mathbackground− 배경색을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

  • mathcolor− 텍스트 색상을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

세제곱근을 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mroot>  
      <mn>8</mn>  
      <mn>3</mn>  
   </mroot>
</math>

산출

8

1/3 (.3333 ...)과 같이 무한히 반복되는 숫자를 갖는 10 진수는 반복되는 숫자 위나 아래에 수평선을 두어 표시됩니다. <mstack>, <msrow> 및 <msline> 요소를 사용하여 아래와 같이 반복되는 자릿수로 10 진수를 만들 수 있습니다.

예 1

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mstack stackalign = "right">
      <msline length = "1"/>
      <mn> 0.3333 </mn>
   </mstack>
</math>

산출

0.3333

예 2

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mstack stackalign="right">
      <msline length="6"/>
      <mn> 0.142857 </mn>
   </mstack>
</math>

산출

0.142857

예제 3

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mstack stackalign="right">   
      <mn> 0.142857 </mn>
      <msline length="6"/>
   </mstack>
</math>

산출

0.142857

<mstyle> 태그는 콘텐츠 렌더링에 영향을주는 스타일 변경을 수행하는 데 사용됩니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<mstyle> expression </mstyle>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • expression − 추론 된 mrow 요소.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • scriptlevel− 어린이를위한 스크립트 레벨을 지정합니다. 부호가 없으면 scriptlevel을 지정된 값으로 설정합니다. 부호를 사용하면 현재 값을 증가 ( "+")하거나 감소 ( "-")합니다.

  • displaystyle − 디스플레이 스타일을 지정합니다.

  • scriptsizemultiplier − 스크립트 수준의 변경으로 인해 글꼴 크기를 조정하는 데 사용할 승수를 지정합니다.

  • scriptminsize − 스크립트 수준의 변경으로 인해 허용되는 최소 글꼴 크기를 지정합니다.

  • infixlinebreakstyle − 중위 연산자에 사용할 기본 줄 바꿈 스타일을 지정합니다.

  • decimalpoint− "decimalpoint"값을 사용하여 정렬을 지정할 때 <mstack> 및 <mtable> 열 내에서 정렬 지점을 결정하는 데 사용되는 문자를 지정합니다. 기본값은 '.'입니다.

예 1 : <mstyle> 태그없이

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow>
      <mo maxsize = "100%"> ( </mo>
      <mfrac> 
         <mi> a </mi> 
         <mi> b </mi> 
      </mfrac>
      <mo maxsize = "100%"> ) </mo>
   </mrow>
</math>

산출

( )

예 2 : <mstyle> 태그 사용

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mstyle maxsize = "100%">
      <mrow>
         <mo> ( </mo>
         <mfrac> 
            <mi> a </mi> 
            <mi> b </mi> 
         </mfrac>
         <mo> ) </mo>
      </mrow>
   </mstyle>
</math>

산출

( )

<msub> 태그는 표현식에 아래 첨자를 그리는 데 사용됩니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<msub> base subscript </msub>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • base − 아래 첨자가 그려 질 기본 표현식.

  • subscript − 아래 첨자.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • subscriptshift − 식의 기준선 아래로 아래 첨자를 이동할 최소 공간을 지정합니다.

  • class, id, style − 스타일 시트와 함께 사용됩니다.

  • href − 지정된 URI에 대한 하이퍼 링크를 지정합니다.

  • mathbackground− 배경색을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

  • mathcolor− 텍스트 색상을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

아래 첨자를 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <msub>  
      <mi>x</mi>  
      <mn>1</mn>  
   </msub>
</math>

산출

엑스 1

<msubsup> 태그는 표현식에 아래 첨자와 위 첨자를 모두 첨부하는 데 사용됩니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<msubsup> base subscript superscript</msubsup>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • base − 아래 첨자와 위 첨자가 그려 질 기본 표현식.

  • subscript − 아래 첨자.

  • superscript − 위첨자.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • subscriptshift − 식의 기준선 아래로 아래 첨자를 이동할 최소 공간을 지정합니다.

  • superscriptshift − 표현식의 기준선 위로 위 첨자를 이동할 최소 공간을 지정합니다.

아래 첨자와 위 첨자를 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow>
      <msubsup>
         <mo> ∫</mo>
         <mn> 0 </mn>
         <mn> 1 </mn>
      </msubsup>
      
      <mrow>
         <msup>
            <mi> e</mi>
            <mi> x </mi>
         </msup>
         <mo> ⁢</mo>
         
         <mrow>
            <mi> d</mi>
            <mi> x </mi>
         </mrow>
      </mrow>
   </mrow>
</math>

산출

0 1 이자형 엑스 엑스

<msup> 태그는 식에 위 첨자를 그리는 데 사용됩니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<msup> base superscript </msup>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • base − 위첨자가 그려 질 기본 표현식.

  • superscript − 위첨자.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • superscriptshift − 표현식의 기준선 위로 위 첨자를 이동할 최소 공간을 지정합니다.

  • class, id, style − 스타일 시트와 함께 사용됩니다.

  • href − 지정된 URI에 대한 하이퍼 링크를 지정합니다.

  • mathbackground− 배경색을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

  • mathcolor− 텍스트 색상을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

위첨자를 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <msup>  
      <mi>x</mi>  
      <mn>1</mn>  
   </msup>
</math>

산출

엑스 1

하위 표현식 그룹화

위첨자에 하위 표현식을 추가하려면 mrow를 사용하십시오.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <msup>  
      <mi>e</mi>  
      <mrow>  
         <mn>2</mn>  
         <mi>x</mi>  
         <mo>+</mo>  
         <mn>1</mn>  
      </mrow>   
   </msup>
</math>

산출

이자형 2 엑스 + 1

<munder> 태그는 언더 스크립트를 그리는 데 사용됩니다. 식 아래에 악센트 또는 제한을 추가합니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<munder> base underscript </munder>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • base − 아래 첨자가 그려 질 기본 표현식.

  • underscript − 언더 스크립트.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • accentunder− true 인 경우 under-script는 액센트이며 기본 표현식에 더 가깝게 그려집니다. false 인 경우 under-script는 기본 표현식에 대한 제한입니다. 기본값은 거짓입니다.

  • align− 아래 스크립트의 정렬을 지정합니다. 유효한 것은 왼쪽, 가운데 및 오른쪽입니다.

  • class, id, style − 스타일 시트와 함께 사용됩니다.

  • href − 지정된 URI에 대한 하이퍼 링크를 지정합니다.

  • mathbackground− 배경색을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

  • mathcolor− 텍스트 색상을 지정합니다. 유효한 형식은 #rgb, #rrggbb 및 html 색상 이름입니다.

밑 첨자를 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <munder accent="true">    
     <mrow>    
       <mi> x </mi>    
       <mo> + </mo>    
       <mi> y </mi>    
       <mo> + </mo>    
       <mi> z </mi>    
     </mrow>    
     <mo>&#x23F;</mo>    
   </munder>
</math>

산출

엑스 + 와이 + ȿ

<munderover> 태그는 아래 첨자를 위아래로 그리는 데 사용됩니다. 표현의 위아래에 악센트 또는 한계를 추가합니다.

통사론

다음은이 태그를 사용하는 간단한 구문입니다.

<munderover> base underscript overscript </munderover>

매개 변수

다음은이 태그의 모든 매개 변수에 대한 설명입니다.

  • base − 아래 첨자가 그려 질 기본 표현식.

  • underscript − 언더 스크립트.

  • overscript − 오버 스크립트.

속성

다음은이 태그의 모든 속성에 대한 설명입니다.

  • accent− true 인 경우 over-script가 악센트이며 기본 표현식에 더 가깝게 그려집니다. false 인 경우 over-script는 기본 표현식에 대한 제한입니다. 기본값은 거짓입니다.

  • accentunder− true 인 경우 under-script는 액센트이며 기본 표현식에 더 가깝게 그려집니다. false 인 경우 under-script는 기본 표현식에 대한 제한입니다. 기본값은 거짓입니다.

  • align− 아래 스크립트의 정렬을 지정합니다. 유효한 것은 왼쪽, 가운데 및 오른쪽입니다. 기본값은 중앙입니다.

밑 첨자를 그려 봅시다.

<math xmlns = "http://www.w3.org/1998/Math/MathML">
   <mrow>
      <munderover>
         <mo> &#x222B;</mo>
         <mn> 0 </mn>
         <mi> &#x221E;</mi>
      </munderover>
   </mrow>
</math>

산출

0

다음은 MathML에서 사용할 수있는 대수 기호 목록입니다.

MathML 기호 HTML 엔티티 16 진수 코드 기술
- &마이너스; & # x2212; 빼기를 지정하려면
× &타임스; & # x00d7; 곱셈을 지정하려면
÷ &나누기; & # x00f7; 나눗셈을 지정하려면
& ne; & # x2260; 같지 않음을 지정하려면
& asymp; & # x2248; 대략 같음을 지정하려면
< & lt; & # x003c; 보다 작게 지정하려면
& le; & # x2264; 작거나 같음을 지정하려면
> & gt; & # x003e; 보다 큼을 지정하려면
& ge; & # x2265; 크거나 같음을 지정하려면
± & plusmn; & # x00b1; 플러스 또는 마이너스를 지정하려면
&소품; & # x221d; 비례를 지정하려면
&합집합; & # x2211; 합계를 지정하려면
&찌르다; & # x220f; 제품을 지정하려면
& lfloor; & # x230a; 왼쪽 바닥을 지정하려면
& rfloor; & # x230b; 오른쪽 층을 지정하려면
& lceil; & # x2308; 왼쪽 천장을 지정하려면
& rceil; & # x2309; 오른쪽 천장을 지정하려면

다음은 MathML에서 사용할 수있는 미적분 기호 목록입니다.

MathML 기호 HTML 엔티티 16 진수 코드 기술
&초기; & # x2032; 프라임 (1 차 미분)
&초기; & # x2033; 이중 프라임 (2 차 미분)
& tprime; & # x2034; 삼중 프라임 (3 차 미분)
&부품; & # x2202; 편차를 지정하려면
δ &델타; & # x0394; 증분을 지정하려면
& del; & # x2207; 그라데이션을 지정하려면
& int; & # x222b; 적분을 지정하려면
& int; & # x222c; 이중 적분을 지정하려면
&색조; & # x222d; 삼중 적분을 지정하려면
& qint; & # x2a0c; 사중 적분을 지정하려면
& conint; & # x222e; 윤곽 적분을 지정하려면
& cwconint; & # x2232; 시계 방향 등고선 적분을 지정하려면
& awconint; & # x2233; 반 시계 방향 등고선 적분을 지정하려면
& conint; & # x222f; 표면 적분을 지정하려면
& cconint; & # x2230; 체적 적분을 지정하려면
& infin; & # x221e; 무한대를 지정하려면

다음은 MathML에서 사용할 수있는 타원 기호 목록입니다.

MathML 기호 HTML 엔티티 16 진수 코드 기술
& hellip; & # x2026; 가로 줄임표를 지정하려면
& vellip; & # x22ee; 세로 줄임표를 지정하려면
& ctdot; & # x22ef; 중간 선 수평 줄임표를 지정하려면
& utdot; & # x22f0; 대각선 줄임표를 지정하려면
& dtdot; & # x22f1; 아래쪽 대각선 줄임표를 지정하려면

다음은 MathML에서 사용할 수있는 함수 기호 목록입니다.

MathML 기호 HTML 엔티티 16 진수 코드 기술
& sdot; & # x22c5; 내적을 지정하려면
&가로 질러 가다; & # x2a2f; 외적을 지정하려면
'' &초록; & # x2016; 표준 (크기) 막대를 지정하려면
& lang; & # x27e8; 왼쪽 꺾쇠 괄호를 지정하려면
& rang; & # x27e9; 직각 괄호를 지정하려면
& compfn; & # x2218; 기능 구성을 지정하려면
& rarr; & # x2192; 일반 함수 매핑을 지정하려면
& mapsto; & # x21a6; 구체적인 함수 매핑을 지정하려면
나는 & imath; & # x0131; 점없는 i를 지정하려면
ȷ & jmath; & # x0237; 점없는 j를 지정하려면

다음은 MathML에서 사용할 수있는 지오메트리 기호 목록입니다.

MathML 기호 HTML 엔티티 16 진수 코드 기술
° & deg; & # x00b0; 각도를 지정하려면
& ang; & # x2220; 각도를 지정하려면
& angmsd; & # x2221; 측정 된 각도를 지정하려면
& angrt; & # x221f; 직각을 지정하려면
& vangrt; & # x299c; 정사각형으로 직각을 지정하려면
& lrtri; & # x22bf; 직각 삼각형을 지정하려면
& cir; & # x25cb; 원을 지정하려면
& xutri; & # x25b3; 삼각형을 지정하려면
& squ; & # x25a1; 정사각형을 지정하려면
& fltns; & # x25b1; 평행 사변형을 지정하려면
&스파링; & # x2225; 병렬을 지정하려면
& npar; & # x2226; 평행하지 않음을 지정하려면
& perp; & # x22a5; 수직을 지정하려면
& cong; & # x2245; 합동을 지정하려면
& rarr; & # x2192; 광선을 지정하려면 (<mover>와 함께 사용)
& harr; & # x2194; 줄을 지정하려면 (<mover>와 함께 사용)
- (해당 없음) & # x002d; 선분을 지정하려면 (<mover>와 함께 사용)

다음은 MathML에서 사용할 수있는 그리스 문자 목록입니다.

대문자 (C) 소문자 (S) 엔티티 (C) 엔티티 (S) 16 진수 코드 (C) 16 진수 코드 (S)
Α α & alpha; & alpha; & # x0391; & # x03b1;
Β β &베타; &베타; & # x0392; & # x03b2;
Γ γ &감마; &감마; & # x0393; & # x03b3;
Δ δ &델타; &델타; & # x0394; & # x03b4;
Ε ε & epsilon; & epsilon; & # x0395; & # x03b5;
Ζ ζ &제타; &제타; & # x0396; & # x03b6;
Η η & eta; & eta; & # x0397; & # x03b7;
Θ θ & theta; & theta; & # x0398; & # x03b8;
Ι ι &이오타; &이오타; & # x0399; & # x03b9;
Κ κ &카파; &카파; & # x039a; & # x03ba;
Λ λ & lambda; & lambda; & # x039b; & # x03bb;
Μ μ & mu; & mu; & # x039c; & # x03bc;
Ν ν & nu; & nu; & # x039d; & # x03bd;
Ξ ξ & xi; & xi; & # x039e; & # x03be;
Ο ο & omicron; & omicron; & # x039f; & # x03bf;
Π π & pi; & pi; & # x03a0; & # x03c0;
Ρ ρ & rho; & rho; & # x03a1; & # x03c1;
Σ σ & sigma; & sigma; & # x03a3; & # x03c3;
τ & tau; & tau; & # x03a4; & # x03c4;
Υ υ & upsilon; & upsilon; & # x03a5; & # x03c5;
Φ φ & phi; & phi; & # x03a6; & # x03c6;
Χ χ & chi; & chi; & # x03a7; & # x03c7;
Ψ ψ & psi; & psi; & # x03a8; & # x03c8;
Ω ω &오메가; &오메가; & # x03a9; & # x03c9;

다음은 MathML에서 사용할 수있는 보이지 않는 연산자 목록입니다.

실재 짧은 엔티티 마녀 기술
& applyfunction; & af; & # x2061; 기능 적용을 지정하는 데 사용됩니다.
& invisibletimes; &그것; & # x2062; 보이지 않는 곱셈을 지정하는 데 사용됩니다.
& invisiblecomma; & ic; & # x2063; 보이지 않는 구분 기호를 지정하는 데 사용됩니다.
(해당 없음) (해당 없음) & # x2064; 보이지 않는 추가를 지정하는 데 사용됩니다.

다음은 MathML에서 사용할 수있는 논리 기호 목록입니다.

MathML 기호 HTML 엔티티 16 진수 코드 기술
¬ &아니; & # x00ac; 부정을 지정하려면
&과; & # x2227; 논리적 결합을 지정하려면
&또는; & # x2228; 논리적 분리를 지정하려면
& veebar; & # x22bb; 배타적 분리를 지정하려면
&모든; & # x2200; 범용 정량화를 지정하려면
&있다; & # x2203; 실존 적 수량화를 지정하려면
& rarr; & # x21d2; 재료 의미를 지정하려면
& harr; & # x21d4; 재료 동등성을 지정하려면
& emptysmallsquare; & # x25fb; 반드시 지정하려면
& loz; & # x25ca; 가능하게 지정하려면
& vdash; & # x22a2; 증명 가능을 지정하려면
& vdash; & # x22a8; 지정하려면
& there4; & # x2234; 따라서 지정하려면

다음은 MathML에서 사용할 수있는 집합 기호 목록입니다.

MathML 기호 HTML 엔티티 16 진수 코드 기술
&빈; & # x2205; 빈 세트를 지정하려면
& isin; & # x2208; 집합의 구성원을 지정하려면
& notin; & # x2209; 세트의 구성원이 아닌 것을 지정합니다.
& sube; & # x2286; 하위 집합을 지정하려면
& nsube; & # x2288; 하위 집합을 지정하지 않으려면
&보결; & # x2282; 엄격한 하위 집합을 지정하려면
& nsub; & # x2284; 엄격한 하위 집합을 지정하지 않으려면
& supe; & # x2287; 수퍼 세트를 지정하려면
& nsupe; & # x2289; 수퍼 세트를 지정하지 않으려면
&저녁을 먹다; & # x2283; 엄격한 수퍼 세트를 지정하려면
& nsup; & # x2285; 엄격한 수퍼 세트를 지정하지 않으려면
&캡; & # x2229; 교차점을 지정하려면
&컵; & # x222a; 유니온을 지정하려면
& ssetmn; & # x2216; 보완을 지정하려면