RYU's HOME P@GE

MathML and SVG 表示検証

このページの目的: MathML と SVG、Ruby (複雜ルビ)の實裝狀況を檢證する爲の表示ページ。
このページの準據仕樣: HTML 5 (application/xhtml+xml) XHTML + SVG 1.1 + MathML 3.0 + RDFa 1.1; W3C Math Home; Ruby Annotation

ブラウザの表示狀況

MathML: $\int_{1}^{t} \frac{ⅆ x}{x}$; $\sum_{i = 1}^{20} k_{i}$; $x = \frac{- b \pm \sqrt{b^{2} - 4 a c}}{2 a}$; 出典: MathML Fundamentals

實裝狀況

2021/12/15 現在、MathML を Firefox (Gecko) では問題なく表示するも Chromium 系ブラウザでは上手く表示しない。 MathJax を使った場合はこちら。

補足 (2022-02-01)

Google Chrome や Microsoft Edge などの Chromium 系のブラウザは「試験段階の機能」の Experimental Web Platform features を有効にしてみて下さい。

寸法の割合及び日章の位置

縦: 横の三分の二

日章

直径: 縦の五分の三

中心: 旗の中心

彩色

地: 白色

日章: 紅色(べにいろ)

日章の色は赤色ではなく紅色(べにいろ)が正しい。

ブラウザの表示狀況

紅色(べにいろ) (カラーコード: #dc143c)

ブラウザの表示狀況

HTML ソース: <ruby style="ruby-position: under;"> <ruby style="ruby-position: over;">三宅<rp>(</rp><rt>みやけ</rt><rp>)</rp></ruby><rp>(</rp><rt>MIYAKE</rt><rp>)</rp> </ruby> <ruby style="ruby-position: under;"> <ruby style="ruby-position: over;">龍太郞<rp>(</rp><rt>りゅうたろう</rt><rp>)</rp></ruby><rp>(</rp><rt>ryutaro</rt><rp>)</rp> </ruby>

HTML ソース: <ruby> 三宅<rp>(</rp><rt>みやけ</rt><rp>)</rp> <rtc> <rp>(</rp><rt>MIYAKE</rt><rp>)</rp> </rtc> 龍太郞<rp>(</rp><rt>りゅうたろう</rt><rp>)</rp> <rtc> <rp>(</rp><rt>ryutaro</rt><rp>)</rp> </rtc> </ruby>

HTML ソース: <ruby> <rb>10</rb> <rb>31</rb> <rb>2002</rb> <rtc> <rt>月</rt> <rt>日</rt> <rt>年</rt> </rtc> <rtc> <rt style="ruby-align: space-around;">有效期限</rt> </rtc> </ruby>

このページを W3C Validator で檢證する: https://validator.w3.org/nu/?doc=http%3A%2F%2Fryus.cloudfree.jp%2Fryu%2Fcontents%2Fomake%2Fmathml%2Findex.xhtml5&showsource=yes&showoutline=yes&showimagereport=yes
このページを Firefox リーダービューで讀む: about:reader?url=https://ryus.cloudfree.jp/ryu/contents/omake/mathml/index.xhtml5