HTML5 기본 튜토리얼

HTML5 ) 코드 작성 규범

HTML5 히스토리 API

HTML5 Audio(오디오)

HTML5 드래그 앤 드롭 HTML5 인라인 SVG

HTML5 Canvas 애니메이션 제작

HTML5 MathML/문서에서 MathML 요소를 사용할 수 있으며, 해당 태그는 <math>...</math>입니다. math> .

MathML은 수학 표시 언어로, XML(표준 일반 표시 언어의 서브셋)을 기반으로 한 표준입니다. 이는 인터넷에서 수학 기호와 공식을 표시하는 마크업 언어입니다.

주의: 대부분의 브라우저는 MathML 태그를 지원하지만,如果你的浏览器不支持该标签，可以使用最新版的 Firefox 或 Safari 浏览器查看。

MathML 예제

예제

!DOCTYPE html>
<html>
　　　<head>
　　　　　　<meta charset="UTF-8">
　　　　　　<title>기본 튜토리얼 웹(oldtoolbag.com)/title>
　　　</head>
　　　　
　　　<body>
　　　　
　　　　　　<math　xmlns="http://www.w3.org/1998/Math/MathML">
　　　　　　　　
　　　　　　　　　<mrow>
　　　　　　　　　　　　다음은 간단한 MathML 예제입니다:/<msup><mi>c<2</mi><mn>/msup>
　　　　　　　　　　　　<mi>x<+</mo>
　　　　　　　　　　　　　　　　
　　　　　　　　　　　　<msup><mi>a</<msup><mi>c<2</mi><mn>/msup>
　　　　　　　　　　　　<mo>=</mo>
　　　　　　　　　　　　　　　　
　　　　　　　　　　　　<msup><mi>b</<msup><mi>c<2</mi><mn>/msup>
　　　　　　　　　</mrow>
　　　　　　　　　　　　
　　　　　　</math>
　　　　　　　　
　　　</body>
</html>

테스트 보기 ‹/›

mn>

mn><

예제

!DOCTYPE html>
<html>
　　　<head>
　　　　　　<meta charset="UTF-8">
　　　　　　<title>기본 튜토리얼 웹(oldtoolbag.com)/title>
　　　</head>
　　　　
　　　<body>
　　　　
　　　　　　<math　xmlns="http://www.w3.org/1998/Math/MathML">
　　　　　　　　
　　　　　　　　　<mrow>　　　　　　　　　　　　
　　　　　　　　　　　　<mrow>
　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　다음 예제는 몇 가지 연산자를 추가했습니다:
　　　　　　　　　　　　　　　　　　<mo>⁢</mi>
　　　　　　　　　　　　　　　　　　<mo>2</<mn>0<
　　　　　　　　　　　　　　　</msup>
　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　<mi>x<+</mo>
　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　<mrow>
　　　　　　　　　　　　　　　　　　<mo>4</<mn>0<
　　　　　　　　　　　　　　　　　　msup>/mo>
　　　　　　　　　　　　　　　　　　<mo>⁢</mi>
　　　　　　　　　　　　　　　</mrow>
　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　<mi>x<+</mo>
　　　　　　　　　　　　　　　<mo>4</<mn>0<
　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　</mrow>
　　　　　　　　　　　　　　　　
　　　　　　　　　　　　<mo>=</mo>
　　　　　　　　　　　　<mn>/<mn>0<
　　　　　　　　　　　　　　　　　
　　　　　　　　　</mrow>
　　　　　　</math>
　　　　　　　　
　　　</body>
</html>

테스트 보기 ‹/›

mn>

다음 예제는 다음과 같은 실행 결과 그림입니다: 2×2 행렬:

예제

!DOCTYPE html>
<html>
　　　<head>
　　　　　　<meta charset="UTF-8">
　　　　　　<title>기본 튜토리얼 웹(oldtoolbag.com)/title>
　　　</head>
　　　　
　　　<body>
　　　　　　<math　xmlns="http://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>

테스트 보기 ‹/›

출력 결과 그림, 다음과 같이, 이는 다음과 같은 결과를 생성합니다. 올바른 결과를 볼 수 없다면 FireFox를 사용하십시오 3.7 또는 더 높은 버전:

HTML5 드래그 앤 드롭 HTML5 인라인 SVG