This document was successfully checked as XHTML 1.1 plus MathML 2.0 plus SVG 1.1!

Result: Passed, 1 warning(s)
:
: utf-8
: XHTML 1.1 plus MathML 2.0 plus SVG 1.1
Root Element: html
Root Namespace: http://www.w3.org/1999/xhtml
Other Namespaces
Options

Help on the options is available.

Notes and Potential Issues

The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation, or other things affecting the output below. If the guess or fallback is incorrect, it could make validation results entirely incoherent. It is highly recommended to check these potential issues, and, if necessary, fix them and re-validate the document.

  1. Warning Mismatch between Public and System identifiers in the DOCTYPE declaration

    This document uses an inconsistent DOCTYPE declaration. The Public Identifier -//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN declares the XHTML 1.1 plus MathML 2.0 plus SVG 1.1 document type, but the associated System Identifier http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg-flat.dtd does not match this document type.

    The recommended System Identifier for XHTML 1.1 plus MathML 2.0 plus SVG 1.1 is http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd.

    The safest way to use a correct DOCTYPE declaration is to copy and paste one from the recommended list and avoid editing that part of your markup by hand.

Congratulations

The document located at <http://www.w3.org/TR/XHTMLplusMathMLplusSVG/sample.xhtml> was successfully checked as XHTML 1.1 plus MathML 2.0 plus SVG 1.1. This means that the resource in question identified itself as "XHTML 1.1 plus MathML 2.0 plus SVG 1.1" and that we successfully performed a formal validation of it. The parser implementations we used for this check are based on OpenSP (SGML/XML) and libxml2 (XML).

Linking to this result

If you would like to create a link to this page (i.e., this validation result) to make it easier to revalidate this page in the future or to allow others to validate your page, the URI is <http://validator.w3.org/check?uri=http%3A%2F%2Fwww.w3.org%2FTR%2FXHTMLplusMathMLplusSVG%2Fsample.xhtml;ss=1> (or you can just add the current page to your bookmarks or hotlist).

Validating CSS Style Sheets

If you use CSS in your document, you can check it using the W3C CSS Validation Service.

↑ Top

Source Listing

Below is the source input I used for this validation:

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <?xml-stylesheet type="text/css" href="style/xhtml-default.css"?>
  3. <?xml-stylesheet type="text/css" title="ruby" href="style/ruby.css"?>
  4. <?xml-stylesheet type="text/css" href="style/style.css"?>
  5. <?xml-stylesheet type="text/css" href="style/hover.css"?>
  6. <!DOCTYPE html PUBLIC
  7. "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
  8. "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg-flat.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">
  10. <head>
  11. <title xml:lang="en">Sample XHTML + MathML + SVG document</title>
  12. <link rel="stylesheet" type="text/css" href="style/xhtml-default.css"/>
  13. <link rel="stylesheet" type="text/css" title="ruby" href="style/ruby.css"/>
  14. <link rel="stylesheet" type="text/css" href="style/style.css"/>
  15. <link rel="stylesheet" type="text/css" href="style/hover.css"/>
  16. </head>
  17. <body>
  19. <h1 id="title">Sample XHTML 1.1 plus MathML 2.0 plus SVG 1.1 document</h1>
  21. <h2 id="ToC">Contents</h2>
  23. <ul>
  24. <li><a href="#ruby">XHTML 1.1 sample (ruby)</a></li>
  25. <li><a href="#math">MathML sample</a></li>
  26. <li><a href="#svg">SVG sample</a></li>
  27. <li><a href="#mixed">Mixed sample</a></li>
  28. </ul>
  30. <h2 id="ruby">XHTML 1.1 sample (ruby)</h2>
  33. <table border="1" summary="This table shows various ruby examples.">
  34. <thead>
  35. <tr>
  36. <th>Simple ruby, with <code>rp</code> fall-back</th>
  37. <th>Simple ruby, without <code>rp</code> fall-back</th>
  38. <th>Complex ruby</th>
  39. <th>Complex ruby, with multiple ruby texts</th>
  40. </tr>
  41. </thead>
  42. <tbody>
  43. <tr>
  44. <td>
  45. <ruby xml:lang="ja"
  46. ><rb>斎藤信男</rb>
  47. <rp>(</rp><rt>さいとうのぶお</rt><rp>)</rp
  48. ></ruby>
  49. </td>
  50. <td>
  51. <ruby xml:lang="ja"><rb>斎藤信男</rb>
  52. <rt>さいとうのぶお</rt></ruby>
  53. </td>
  54. <td>
  55. <ruby xml:lang="ja"><rbc><rb>斎</rb><rb>藤</rb><rb>信</rb><rb>男</rb></rbc>
  56. <rtc><rt>さい</rt><rt>とう</rt><rt>のぶ</rt><rt>お</rt></rtc></ruby>
  57. </td>
  58. <td>
  59. <p>Multilingual ruby example: Hebrew base (right-to-left)
  60. with Japanese katakana ruby (right-to-left, quite unusual but
  61. occasionally used) and English ruby (left-to-right)</p>
  63. <p dir="rtl">
  64. <ruby>
  65. <rbc>
  66. <rb xml:lang="he" dir="rtl">&#x05D0;&#x05D3;&#x05DD;</rb>
  67. </rbc>
  68. <rtc>
  69. <rt xml:lang="ja"><bdo dir="rtl">アーダーム</bdo></rt>
  70. </rtc>
  71. <rtc>
  72. <rt xml:lang="en" dir="ltr">Adam</rt>
  73. </rtc>
  74. </ruby>
  75. </p>
  76. </td>
  77. </tr>
  78. </tbody>
  79. </table>
  82. <h2 id="math">MathML sample</h2>
  84. <p>Math expression
  85. <math xmlns="http://www.w3.org/1998/Math/MathML">
  86. <mrow>
  87. <mi>y</mi>
  88. <mo>=</mo>
  89. <mfrac>
  90. <mn>1</mn>
  91. <msqrt>
  92. <mrow>
  93. <msup>
  94. <mi>x</mi>
  95. <mn>2</mn>
  96. </msup>
  97. <mo>+</mo>
  98. <mn>1</mn>
  99. </mrow>
  100. </msqrt>
  101. </mfrac>
  102. </mrow>
  103. </math>
  104. inside an XHTML paragraph.</p>
  106. <p>Math expression in display style:</p>
  108. <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
  109. <mrow>
  110. <mo>det</mo>
  111. <mo>|</mo>
  112. <mtable>
  114. <mtr>
  115. <mtd columnalign="center">
  116. <msub>
  117. <mi>c</mi>
  118. <mn>0</mn>
  119. </msub>
  120. </mtd>
  121. <mtd columnalign="center">
  123. <msub>
  124. <mi>c</mi>
  125. <mn>1</mn>
  126. </msub>
  127. </mtd>
  128. <mtd columnalign="center">
  129. <msub>
  130. <mi>c</mi>
  132. <mn>2</mn>
  133. </msub>
  134. </mtd>
  135. <mtd columnalign="center">
  136. <mo>&#x2026;</mo>
  137. </mtd>
  138. <mtd columnalign="center">
  139. <msub>
  141. <mi>c</mi>
  142. <mi>n</mi>
  143. </msub>
  144. </mtd>
  145. </mtr>
  146. <mtr>
  147. <mtd columnalign="center">
  148. <msub>
  150. <mi>c</mi>
  151. <mn>1</mn>
  152. </msub>
  153. </mtd>
  154. <mtd columnalign="center">
  155. <msub>
  156. <mi>c</mi>
  158. <mn>2</mn>
  159. </msub>
  160. </mtd>
  161. <mtd columnalign="center">
  162. <msub>
  163. <mi>c</mi>
  164. <mn>3</mn>
  166. </msub>
  167. </mtd>
  168. <mtd columnalign="center">
  169. <mo>&#x2026;</mo>
  170. </mtd>
  171. <mtd columnalign="center">
  172. <msub>
  173. <mi>c</mi>
  175. <mrow>
  176. <mi>n</mi>
  177. <mo>+</mo>
  178. <mn>1</mn>
  179. </mrow>
  180. </msub>
  181. </mtd>
  183. </mtr>
  184. <mtr>
  185. <mtd columnalign="center">
  186. <msub>
  187. <mi>c</mi>
  188. <mn>2</mn>
  189. </msub>
  190. </mtd>
  192. <mtd columnalign="center">
  193. <msub>
  194. <mi>c</mi>
  195. <mn>3</mn>
  196. </msub>
  197. </mtd>
  198. <mtd columnalign="center">
  199. <msub>
  201. <mi>c</mi>
  202. <mn>4</mn>
  203. </msub>
  204. </mtd>
  205. <mtd columnalign="center">
  206. <mo>&#x2026;</mo>
  207. </mtd>
  208. <mtd columnalign="center">
  210. <msub>
  211. <mi>c</mi>
  212. <mrow>
  213. <mi>n</mi>
  214. <mo>+</mo>
  215. <mn>2</mn>
  216. </mrow>
  218. </msub>
  219. </mtd>
  220. </mtr>
  221. <mtr>
  222. <mtd columnalign="center">
  223. <mo>&#x22EE;</mo>
  224. </mtd>
  225. <mtd columnalign="center">
  226. <mo>&#x22EE;</mo>
  228. </mtd>
  229. <mtd columnalign="center">
  230. <mo>&#x22EE;</mo>
  231. </mtd>
  232. <mtd columnalign="center">
  233. </mtd>
  234. <mtd columnalign="center">
  235. <mo>&#x22EE;</mo>
  236. </mtd>
  238. </mtr>
  239. <mtr>
  240. <mtd columnalign="center">
  241. <msub>
  242. <mi>c</mi>
  243. <mi>n</mi>
  244. </msub>
  245. </mtd>
  247. <mtd columnalign="center">
  248. <msub>
  249. <mi>c</mi>
  250. <mrow>
  251. <mi>n</mi>
  252. <mo>+</mo>
  253. <mn>1</mn>
  255. </mrow>
  256. </msub>
  257. </mtd>
  258. <mtd columnalign="center">
  259. <msub>
  260. <mi>c</mi>
  261. <mrow>
  262. <mi>n</mi>
  264. <mo>+</mo>
  265. <mn>2</mn>
  266. </mrow>
  267. </msub>
  268. </mtd>
  269. <mtd columnalign="center">
  270. <mo>&#x2026;</mo>
  271. </mtd>
  273. <mtd columnalign="center">
  274. <msub>
  275. <mi>c</mi>
  276. <mrow>
  277. <mn>2</mn>
  278. <mi>n</mi>
  279. </mrow>
  281. </msub>
  282. </mtd>
  283. </mtr>
  284. </mtable>
  285. <mo>|</mo>
  286. <mo>&gt;</mo>
  287. <mn>0</mn>
  288. </mrow>
  289. </math>
  292. <h2 id="svg">SVG sample</h2>
  294. <p>
  295. <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="10cm" height="8cm"
  296. viewBox="0 0 500 400" version="1.1">
  297. <svg:title>A star</svg:title>
  298. <svg:polygon style="fill:red; stroke:blue; stroke-width:10"
  299. points="210,46 227,96 281,97 238,129
  300. 254,181 210,150 166,181 182,129
  301. 139,97 193,97"/>
  302. </svg:svg>
  303. </p>
  305. <h2 id="mixed">Mixed sample</h2>
  307. <p>XHTML and MathML inside SVG (via <code>foreignObject</code>):</p>
  309. <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20cm" height="20cm"
  310. viewBox="0 0 500 500" version="1.1">
  311. <svg:g transform="scale(1.25)">
  312. <svg:polygon style="fill:lime; stroke:blue; stroke-width:10"
  313. points="250,20 466,145 466,395
  314. 250,520 34,395.2 34,145"/>
  315. <svg:switch>
  316. <svg:foreignObject x="70" y="140" width="360" height="340">
  317. <div xmlns="http://www.w3.org/1999/xhtml">
  318. <p>Inside the <code>foreignObject</code> element, math expression like
  319. <math xmlns="http://www.w3.org/1998/Math/MathML">
  320. <mrow>
  321. <mi>y</mi>
  322. <mo>=</mo>
  323. <mfrac>
  324. <mn>1</mn>
  325. <msqrt>
  326. <mrow>
  327. <msup>
  328. <mi>x</mi>
  329. <mn>2</mn>
  330. </msup>
  331. <mo>+</mo>
  332. <mn>1</mn>
  333. </mrow>
  334. </msqrt>
  335. </mfrac>
  336. </mrow>
  337. </math>
  338. can be put inside XHTML as well as ruby like
  339. <ruby>
  340. <rbc>
  341. <rb>W</rb><rb>W</rb><rb>W</rb></rbc>
  342. <rtc>
  343. <rt>World</rt>
  344. <rt>Wide</rt>
  345. <rt>Web</rt>
  346. </rtc>
  347. </ruby>.</p>
  349. <p>The base direction of the following
  350. paragraph is <code>rtl</code>.</p>
  352. <p dir="rtl">
  353. <ruby>
  354. <rbc>
  355. <rb xml:lang="he" dir="rtl">&#x05D0;&#x05D3;&#x05DD;</rb>
  356. </rbc>
  357. <rtc>
  358. <rt xml:lang="ja"><bdo dir="rtl">アーダーム</bdo></rt>
  359. </rtc>
  360. <rtc>
  361. <rt xml:lang="en" dir="ltr">Adam</rt>
  362. </rtc>
  363. </ruby>
  364. </p>
  366. <p>Display math inside SVG:</p>
  368. <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
  369. <mrow>
  370. <mo>det</mo>
  371. <mo>|</mo>
  372. <mtable>
  374. <mtr>
  375. <mtd columnalign="center">
  376. <msub>
  377. <mi>c</mi>
  378. <mn>0</mn>
  379. </msub>
  380. </mtd>
  381. <mtd columnalign="center">
  383. <msub>
  384. <mi>c</mi>
  385. <mn>1</mn>
  386. </msub>
  387. </mtd>
  388. <mtd columnalign="center">
  389. <msub>
  390. <mi>c</mi>
  392. <mn>2</mn>
  393. </msub>
  394. </mtd>
  395. <mtd columnalign="center">
  396. <mo>&#x2026;</mo>
  397. </mtd>
  398. <mtd columnalign="center">
  399. <msub>
  401. <mi>c</mi>
  402. <mi>n</mi>
  403. </msub>
  404. </mtd>
  405. </mtr>
  406. <mtr>
  407. <mtd columnalign="center">
  408. <msub>
  410. <mi>c</mi>
  411. <mn>1</mn>
  412. </msub>
  413. </mtd>
  414. <mtd columnalign="center">
  415. <msub>
  416. <mi>c</mi>
  418. <mn>2</mn>
  419. </msub>
  420. </mtd>
  421. <mtd columnalign="center">
  422. <msub>
  423. <mi>c</mi>
  424. <mn>3</mn>
  426. </msub>
  427. </mtd>
  428. <mtd columnalign="center">
  429. <mo>&#x2026;</mo>
  430. </mtd>
  431. <mtd columnalign="center">
  432. <msub>
  433. <mi>c</mi>
  435. <mrow>
  436. <mi>n</mi>
  437. <mo>+</mo>
  438. <mn>1</mn>
  439. </mrow>
  440. </msub>
  441. </mtd>
  443. </mtr>
  444. <mtr>
  445. <mtd columnalign="center">
  446. <msub>
  447. <mi>c</mi>
  448. <mn>2</mn>
  449. </msub>
  450. </mtd>
  452. <mtd columnalign="center">
  453. <msub>
  454. <mi>c</mi>
  455. <mn>3</mn>
  456. </msub>
  457. </mtd>
  458. <mtd columnalign="center">
  459. <msub>
  461. <mi>c</mi>
  462. <mn>4</mn>
  463. </msub>
  464. </mtd>
  465. <mtd columnalign="center">
  466. <mo>&#x2026;</mo>
  467. </mtd>
  468. <mtd columnalign="center">
  470. <msub>
  471. <mi>c</mi>
  472. <mrow>
  473. <mi>n</mi>
  474. <mo>+</mo>
  475. <mn>2</mn>
  476. </mrow>
  478. </msub>
  479. </mtd>
  480. </mtr>
  481. <mtr>
  482. <mtd columnalign="center">
  483. <mo>&#x22EE;</mo>
  484. </mtd>
  485. <mtd columnalign="center">
  486. <mo>&#x22EE;</mo>
  488. </mtd>
  489. <mtd columnalign="center">
  490. <mo>&#x22EE;</mo>
  491. </mtd>
  492. <mtd columnalign="center">
  493. </mtd>
  494. <mtd columnalign="center">
  495. <mo>&#x22EE;</mo>
  496. </mtd>
  498. </mtr>
  499. <mtr>
  500. <mtd columnalign="center">
  501. <msub>
  502. <mi>c</mi>
  503. <mi>n</mi>
  504. </msub>
  505. </mtd>
  507. <mtd columnalign="center">
  508. <msub>
  509. <mi>c</mi>
  510. <mrow>
  511. <mi>n</mi>
  512. <mo>+</mo>
  513. <mn>1</mn>
  515. </mrow>
  516. </msub>
  517. </mtd>
  518. <mtd columnalign="center">
  519. <msub>
  520. <mi>c</mi>
  521. <mrow>
  522. <mi>n</mi>
  524. <mo>+</mo>
  525. <mn>2</mn>
  526. </mrow>
  527. </msub>
  528. </mtd>
  529. <mtd columnalign="center">
  530. <mo>&#x2026;</mo>
  531. </mtd>
  533. <mtd columnalign="center">
  534. <msub>
  535. <mi>c</mi>
  536. <mrow>
  537. <mn>2</mn>
  538. <mi>n</mi>
  539. </mrow>
  541. </msub>
  542. </mtd>
  543. </mtr>
  544. </mtable>
  545. <mo>|</mo>
  546. <mo>&gt;</mo>
  547. <mn>0</mn>
  548. </mrow>
  549. </math>
  550. </div>
  551. </svg:foreignObject>
  552. </svg:switch>
  553. </svg:g>
  554. </svg:svg>
  556. </body>
  557. </html>

↑ Top