MathML - Subscripts: A Beginner's Guide

안녕하세요, 미래의 수학 마법사들과 코딩 열정가 여러분! 오늘 우리는 MathML 서브스크립트의 fascineting 세상으로 뛰어들어 볼 거예요. 코딩을 nunca 해보지 않았어도 걱정 마세요 - 저는 여러분의 친절한 안내자가 될 거예요, 제가 수년간 가르쳐온 수많은 학생들에게 그랬던 것처럼. 그麼, 손을 걷어붙이고 시작해 볼까요!

MathML - Subscripts

서브스크립트는 무엇인가요?

MathML 부분으로 돌아가기 전에, 서브스크립트가 무엇인지 빠르게复習해 보겠습니다. 기억하시나요, 일반 텍스트 줄 아래에 약간의 작은 숫자나 글자가 나타나는 것을? 그것이 서브스크립트입니다! 그것은 수학과 화학에서 원자 번호, 변수 인덱스, 또는 텍스트의 주석으로 사용되는 것이 일반적입니다.

예를 들어, 물의 화학식 H₂O에서 '2'는 서브스크립트입니다.

MathML와 서브스크립트

이제 MathML에서 이러한 서브스크립트를 어떻게 표현할 수 있는지 이야기해 보겠습니다. MathML, 또는 수학 마크업 언어는 XML을 사용하여 수학 표기법을 설명하는 방법입니다. 웹에서 수학이 자신만의 특별한 언어를 가지는 것과 같은 거예요!

문법

MathML에서 우리는 <msub> 요소를 사용하여 서브스크립트를 만듭니다. 다음은 기본 구조입니다:

<msub>
    <mi>base</mi>
    <mi>subscript</mi>
</msub>

이를 쪼개면:

<msub>은 우리의 서브스크립트 컨테이너입니다
첫 번째 자식 요소는 베이스(주요 문자나 표현식)입니다
두 번째 자식 요소는 서브스크립트 자체입니다

매개변수

<msub> 요소는 두 개의 매개변수를 받습니다:

베이스 표현식
서브스크립트 표현식

이 둘 모두 간단한 식별자, 숫자, 또는 더 복잡한 표현식일 수 있습니다.

속성

<msub> 요소는 자신만의 특정 속성이 없지만, 전역 MathML 속성을 상속받습니다. 일반적인 몇 가지는 다음과 같습니다:

속성	설명
`class`	요소에 클래스 이름을 할당합니다
`id`	요소에 고유한 식별자를 할당합니다
`style`	인라인 CSS 스타일을 적용합니다

예제

이제 몇 가지 예제를 보아서 이것이 어떻게 작동하는지 정말로 이해해 보겠습니다. 항상 실습이 가장 좋은 교사라고 생각합니다!

예제 1: 간단한 변수 서브스크립트

서브스크립트 '1'을 가진 변수 'x'를 만들어 보겠습니다:

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

이 예제에서:

<mi>x</mi>는 우리의 베이스(변수 'x')입니다
<mn>1</mn>는 우리의 서브스크립트(숫자 1)입니다

예제 2: 화학식

물의 화학식 H₂O를 작성해 보겠습니다:

<math xmlns="http://www.w3.org/1998/Math/MathML">
    <mrow>
        <mi>H</mi>
        <msub>
            <mi>O</mi>
            <mn>2</mn>
        </msub>
    </mrow>
</math>

여기서 무엇이 일어나고 있는지:

우리는 <mrow>를 사용하여 요소를 그룹화합니다
<mi>H</mi>는 우리의 수소 원자입니다
산소는 <msub>에 의해 표현되며, 'O'를 베이스로 '2'를 서브스크립트로 합니다

예제 3: 수학 표현식

somewhat 더 복잡한 것을 시도해 보겠습니다 - 합의 표기법 Σ(i=1 to n):

<math xmlns="http://www.w3.org/1998/Math/MathML">
    <msubsup>
        <mo>∑</mo>
        <mrow>
            <mi>i</mi>
            <mo>=</mo>
            <mn>1</mn>
        </mrow>
        <mi>n</mi>
    </msubsup>
</math>

이 예제는 <msubsup>를 소개합니다. 서브스크립트와 슈퍼스크립트를 모두 허용합니다:

<mo>∑</mo>는 우리의 합 표기입니다
서브스크립트 <mrow>는 하한(і=1)을 포함합니다
슈퍼스크립트 <mi>n</mi>는 상한입니다

출력

정확하게 렌더링된 경우, 이러한 MathML 표현식은 웹 브라우저나 다른 MathML 호환 뷰어에서 올바르게 형식화된 수학 기호로 나타날 것입니다. 서브스크립트는 베이스 요소 아래와 오른쪽에 약간의 위치에 배치됩니다, 책에서 볼 수 있는 것처럼.

기억하세요, 실제 표시는 브라우저나 뷰어에 따라 약간 다를 수 있습니다. 일부 오래된 브라우저는 MathML을 올바르게 렌더링하려면 추가 플러그인이나 스타일시트가 필요할 수 있습니다.

결론

그렇게, 여러분! 우리는 MathML 서브스크립트의 땅을 여행했고, 기본 문법에서 더 복잡한 예제까지 이르렀습니다. 기억하세요, 새로운 언어를 배우는 것처럼, 연습이 완벽을 만듭니다. 두려워하지 마세요 실험하고 자신만의 수학 표현식을 만들어 보세요.

제가 가르쳐온 수년 동안 학생들이 코드에 두려워했던 것에서 아름다운 수학 문서를 MathML로 만드는 것까지 이르렀던 것을 보았습니다. 여러분도 지금 그 흥미로운 길에 있습니다!

계속 연습하고, 호기심을 가지고 있으면, 언제 그때부터 프로처럼 복잡한 수학 표현식을 MathML로 작성하게 될 것입니다. 누가 알겠는가? 어쩌면有一天 여러분이 이를 새로운 열정 있는 학습자에게 가르치는 사람이 될지도 모릅니다!

다음에 만날 때까지, 행복하게 코딩하시고, 여러분의 서브스크립트가 항상 완벽하게 배치되기를 바랍니다!

Credits: Image by storyset