Fet-Fe

2024年11月8日 (金)に参加
編集の要約なし
 
(同じ利用者による、間の29版が非表示)
13行目: 13行目:


آمِينَ</div>
آمِينَ</div>
{{User 副管理者}}


コテハン: ◆A9IJuhAh722B
コテハン: ◆A9IJuhAh722B
47行目: 49行目:
皆様ご協力をお願いいたします
皆様ご協力をお願いいたします


<syntaxhighlight lang="python" line>
<syntaxhighlight lang="python" line>
import subprocess
import subprocess
from urllib.parse import quote, unquote
from urllib.parse import quote, unquote
166行目: 168行目:


   main(namespace_list)
   main(namespace_list)
</syntaxhighlight>
</syntaxhighlight>
-->
-->
== Unicodeのノウハウ ==
== Unicodeのノウハウ ==
172行目: 174行目:
=== 結合文字 ===
=== 結合文字 ===
Unicodeの中には前の文字とくっ付いてあたかも合わせて一文字のように振る舞う結合文字がある。
Unicodeの中には前の文字とくっ付いてあたかも合わせて一文字のように振る舞う結合文字がある。
デーヴァナーガリーやヘブライ文字の母音字などが良い例である。(<span lang="sa">क + ◌ा → का</span>、<span dir="rtl" lang="he">א + ◌ָ ← א‌ָ</span>)
デーヴァナーガリーやヘブライ文字の母音字などが良い例である。(<span lang="sa">क + ◌ा → का</span>、<span dir="rtl" lang="he">א + ◌ָ ← אָ</span>)


日本語では濁点や半濁点の結合文字が存在する。通常の濁点と半濁点はそれぞれ゛(U+309B)と゜(U+309C)であるが、結合文字は ゙(U+3099)と ゚(U+309A)である。
日本語では濁点や半濁点の結合文字が存在する。通常の濁点と半濁点はそれぞれ゛(U+309B)と゜(U+309C)であるが、結合文字は ゙(U+3099)と ゚(U+309A)である。
179行目: 181行目:


==== ヴィラーマ ====
==== ヴィラーマ ====
サンスクリットなどの表記に用いられる{{wpl|アブギダ}}の子音字はデフォルトで母音aを持つ。母音を持たないことを示すためにはヴィラーマ(梵: <span lang="sa">ཝི་རཱ་མ། virāma</span>、巴: <span lang="pi">විරාම virāma</span>)を追加する必要がある。
サンスクリットなどの表記に用いられる{{wpl|アブギダ}}の子音字はデフォルトで母音aを持つ。母音を持たないことを示すためにはヴィラーマ(梵: <span lang="sa">བི་རཱ་མ། virāma</span>、巴: <span lang="pi">විරාම virāma</span>)を追加する必要がある。
多くのアブギダでヴィラーマは子音字同士を結合させる。デーヴァナーガリーの場合は
多くのアブギダでヴィラーマは子音字同士を結合させる。デーヴァナーガリーの場合は


196行目: 198行目:
以下は<span lang="sa">saṃskṛtam</span>と<span lang="bo">bod yig</span>をそれぞれの文字で書いたものである。
以下は<span lang="sa">saṃskṛtam</span>と<span lang="bo">bod yig</span>をそれぞれの文字で書いたものである。


パスパ文字: <span style="writing-mode: vertical-lr; text-orientation: sideways;"><span lang="sa-Phag">ꡳꡛ ꡛꡀꡱꡞ ꡈꡏ</span><br><span lang="bo-Phag">ꡎꡡꡊ ꡗꡞꡂ</span></span>
パスパ文字: <span style="writing-mode: vertical-lr; text-orientation: sideways;"><span lang="sa-Phag">ꡳꡛ ꡛꡀꡱꡞ ꡈꡏ</span><br><span lang="bo-Phag" style="writing-mode: vertical-lr; text-orientation: sideways; font-family: 'BabelStone Phags-pa Tibetan A', 'BabelStone Phags-pa Tibetan B';">ꡎꡡꡊ ꡗꡞꡂ</span></span>


アリ・ガリ文字: <span style="writing-mode: vertical-lr; text-orientation: sideways;"><span lang="sa-Mong">ᢀᠰᠠ᠋ ᠰᢉᠠᠷᢈ ᢐᠠᠮ</span><br><span lang="bo-Mong">ᠪᠣᠸᠠᢑ ᠶ᠋ᢈᠺ᠋</span></span>
アリ・ガリ文字: <span style="writing-mode: vertical-lr; text-orientation: sideways;"><span lang="sa-Mong">ᢀᠰᠠ᠋ ᠰᢉᠠᠷᢈ ᢐᠠᠮ</span><br><span lang="bo-Mong">ᠪᠣᠸᠠᢑ ᠶ᠋ᢈᠺ᠋</span></span>
246行目: 248行目:
トラパネコ語やラパ・ヌイ語など、直線的なアポストロフィが必要な言語ではꞌ(LATIN SMALL LETTER SALTILLO、U+A78C)やꞋ(LATIN CAPITAL LETTER SALTILLO、U+A78B)が利用される<ref>http://www.unicode.org/charts/PDF/UA720.pdf</ref>。
トラパネコ語やラパ・ヌイ語など、直線的なアポストロフィが必要な言語ではꞌ(LATIN SMALL LETTER SALTILLO、U+A78C)やꞋ(LATIN CAPITAL LETTER SALTILLO、U+A78B)が利用される<ref>http://www.unicode.org/charts/PDF/UA720.pdf</ref>。


他にウズベク語やハワイ語で用いられるʻ(MODIFIER LETTER TURNED COMMA、U+02BB)、אやء‎などのラテン文字転写に用いるʾ(MODIFIER LETTER RIGHT HALF RING、U+02BE)、עやعの転写に用いられるʿ(MODIFIER LETTER LEFT HALF RING、U+02BF)なども存在する。
他にウズベク語やハワイ語で用いられるʻ(MODIFIER LETTER TURNED COMMA、U+02BB)、אやءなどのラテン文字転写に用いるʾ(MODIFIER LETTER RIGHT HALF RING、U+02BE)、עやعの転写に用いられるʿ(MODIFIER LETTER LEFT HALF RING、U+02BF)なども存在する。


またネネツ語やガナサン語ではˮ(MODIFIER LETTER DOUBLE APOSTROPHE、U+02EE)が"(U+0022)や”(U+201D)の代わりに用いられる。
またネネツ語やガナサン語の声門閉鎖音、コートジボワールの一部言語の声調表記<ref>[https://www.sil.org/resources/archives/70331 Burmeister, J. L. (1980). ''Tone orthography for Ivory Coast languages''. 14th Congress of the West African Linguistic Society Université du Bénin, Cotonou, République Populaire du Bénin April 14-18, 1980.]</ref>ではˮ(MODIFIER LETTER DOUBLE APOSTROPHE、U+02EE)が"(U+0022)や”(U+201D)の代わりに用いられる。
 
一方で、ロジバンのようにASCIIを優先して用いたい場合には、'(APOSTROPHE、U+0027)が唯一の選択肢となる。
 
==== プライム ====
類似の記号には{{wpl|プライム}}がある。
スコルト・サーミ語の口蓋音化を示す記号には、アポストロフィではなくʹ(MODIFIER LETTER PRIME、U+02B9)が用いられる。(例: <span lang="sms">nuõrttsääʹmǩiõll</span>)


=== 双方向テキスト ===
=== 双方向テキスト ===
271行目: 279行目:
AL属性の文字には、アラビア文字の他にもシリア文字、ターナ文字、ハニーフィー・ロヒンギャ文字、ソグド文字などがある<ref>[https://www.unicode.org/Public/UCD/latest/ucd/extracted/DerivedBidiClass.txt DerivedBidiClass.txt] - Unicode</ref>。
AL属性の文字には、アラビア文字の他にもシリア文字、ターナ文字、ハニーフィー・ロヒンギャ文字、ソグド文字などがある<ref>[https://www.unicode.org/Public/UCD/latest/ucd/extracted/DerivedBidiClass.txt DerivedBidiClass.txt] - Unicode</ref>。


カンマ(،、ARABIC COMMA、U+060C)やパキスタンのナスタアリーク体で用いられる句点(۔、ARABIC FULL STOP、U+06D4)、アフリカのアジャミーの句点(؞、ARABIC TRIPLE DOT PUNCTUATION MARK、U+061E)などの句読点はもとよりAL属性を持つため、Arabic letter markは不要。
カンマ(،、ARABIC COMMA、U+060C)やパキスタン・インドのナスタアリーク体で用いられる句点(۔、ARABIC FULL STOP、U+06D4)、アフリカのアジャミーの句点(؞、ARABIC TRIPLE DOT PUNCTUATION MARK、U+061E)などの句読点はもとよりAL属性を持つため、Arabic letter markは不要。
またAL属性やRTL属性の文字で挟んでもRight-to-left markやArabic letter markは不要。
またAL属性やRTL属性の文字で挟んでもRight-to-left markやArabic letter markは不要。


ちなみに書字方向を制御する特殊文字を利用した攻撃方法も存在する<ref>{{Archive|1=http://ascii.jp/elem/000/000/633/633035/|2=https://archive.vn/N7jYS|3=日本語でも危険!アラビア語ファイル名を利用した攻撃とは?}} - ASCII.jp</ref>。悪用してはいけない(戒め)
ちなみに書字方向を制御する特殊文字を利用した攻撃方法も存在する<ref>{{Archive|1=http://ascii.jp/elem/000/000/633/633035/|2=https://web.archive.org/web/20260207131001/http://ascii.jp/elem/000/000/633/633035/|3=日本語でも危険!アラビア語ファイル名を利用した攻撃とは?}} - ASCII.jp</ref>。悪用してはいけない(戒め)


HTMLで同様の動作をさせるには[[#dir属性]]を参照。この方法と組み合わせても良い<ref>[https://www.w3.org/TR/unicode-xml/#Format Format Characters Suitable for Use with Markup] - W3C Working Group Note</ref>。
HTMLで同様の動作をさせるには[[#dir属性]]を参照。この方法と組み合わせても良い<ref>[https://www.w3.org/TR/unicode-xml/#Format Format Characters Suitable for Use with Markup] - W3C Working Group Note</ref>。
300行目: 308行目:
ペルシャ語の<span lang="fa">می‌کُشَم</span>(私は殺す)はこれ無しでは<span lang="fa">میکُشَم</span>という表示になり、接頭辞<span lang="fa">می</span>が分離しない。
ペルシャ語の<span lang="fa">می‌کُشَم</span>(私は殺す)はこれ無しでは<span lang="fa">میکُشَم</span>という表示になり、接頭辞<span lang="fa">می</span>が分離しない。


ウイグル語などテュルク語族やクルド語などで用いられるアラビア文字のうち、母音を表すهは後ろに文字が来てもアラビア語の語中形のようにならず、<span lang="ug" dir="rtl">«ئاللاھۇ ئەكبەر»</span>のように語末形のままとなる。これを表すには、中国のテュルク語やクルド語ではە‎(U+06D5)が使われる。
ウイグル語などテュルク語族やクルド語などで用いられるアラビア文字のうち、母音を表すهは後ろに文字が来てもアラビア語の語中形のようにならず、<span lang="ug" dir="rtl">«ئاللاھۇ ئەكبەر»</span>のように語末形のままとなる。これを表すには、中国のテュルク語やクルド語ではە(U+06D5)が使われる。
一方、イランやアフガニスタンのテュルク語や古いテュルク語では通常のアラビア文字のه(U+0647)とゼロ幅非接合子を組み合わせて表現される。
一方、イランやアフガニスタンのテュルク語や古いテュルク語では通常のアラビア文字のه(U+0647)とゼロ幅非接合子を組み合わせて表現される。


デーヴァナーガリーの場合は[[#ヴィラーマ|ヴィラーマ]]での合字化を防ぐ。<span lang="sa">संरक्षक</span>([[サンラクシャカ]])を<span lang="sa">संरक्‌षक</span>という表示に変える。
デーヴァナーガリーの場合は[[#ヴィラーマ|ヴィラーマ]]での合字化を防ぐ。<span lang="sa">संरक्षक</span>([[サンラクシャカ]])を<span lang="sa">संरक्‌षक</span>という表示に変える。


デュプロワイエ式速記では単語内での音節の切れ目に利用される。<span lang="chn">𛰣𛱇‌𛰚𛱛𛰅 𛱜‌𛱜 (Chinook wawa)</span>はこれがないと<span lang="chn">𛰣𛱇𛰚𛱛𛰅 𛱜𛱜</span>という表示になってしまう。
チヌーク混成語のデュプロワエ式速記では単語内での音節の切れ目に利用される。<span lang="chn">𛰣𛱇‌𛰚𛱛𛰅 𛱜‌𛱜 (Chinook wawa)</span>はこれがないと<span lang="chn">𛰣𛱇𛰚𛱛𛰅 𛱜𛱜</span>という表示になってしまう。
それ以外の、フランス語等のデュプロワエ式速記では<span lang="fr-Dupl">𛰄𛰋𛱤𛰜𛱇 (français)</span>のようにゼロ幅非接合子は利用されない。


==== ゼロ幅接合子 ====
==== ゼロ幅接合子 ====
362行目: 371行目:


言語コードについては[https://iso639-3.sil.org/code_tables/639/data?field_iso639_cd_st_mmbrshp_639_1_tid=255291 ISO 639-1]か[https://iso639-3.sil.org/code_tables/639/data?field_iso639_cd_st_mmbrshp_639_1_tid=94671 ISO 639-3]あたりを用いるのが良い。
言語コードについては[https://iso639-3.sil.org/code_tables/639/data?field_iso639_cd_st_mmbrshp_639_1_tid=255291 ISO 639-1]か[https://iso639-3.sil.org/code_tables/639/data?field_iso639_cd_st_mmbrshp_639_1_tid=94671 ISO 639-3]あたりを用いるのが良い。
ブルガリア語、セルビア語、マケドニア語のキリル文字は、一部のフォントでのみlang設定によって標準的な書体を表示できる。それ以外ではロシア語の書体となる。
そのため、lang属性とフォントを同時に設定することがほぼ必須となる。
下記の例では、ブルガリア語では<code>lang="bg" style="font-family: 'Fira Sans BGR', 'Sofia Sans', -apple-system, 'BlinkMacSystemFont', 'Noto Sans', 'IBM Plex Sans', 'Source Sans 3', 'Wix Madefor Text', 'Montserrat', 'Bahnschrift', 'Aptos', sans-serif;"</code>、セルビア語では<code>lang="sr" style="font-family: -apple-system, 'BlinkMacSystemFont', 'Ubuntu Sans', 'Ubuntu', 'DejaVu Sans', 'Noto Sans', 'PFAdamantSansPro', 'Calibri', 'Open Sans', 'FreeSans', 'Liberation Sans', 'Source Sans 3', 'Wix Madefor Text', 'Montserrat', 'Corbel', 'Bahnschrift', 'Candara', 'Aptos', sans-serif;"</code>、マケドニア語では<code>lang="mk" style="font-family: 'Ubuntu Sans', 'Ubuntu', 'DejaVu Sans', 'Noto Sans', 'Open Sans', 'FreeSans', 'Liberation Sans', 'Wix Madefor Text', 'Bahnschrift', sans-serif;"</code>をそれぞれ設定している。
: ブルガリア語: <span lang="bg" style="font-family: 'Fira Sans BGR', 'Sofia Sans', -apple-system, 'BlinkMacSystemFont', 'Noto Sans', 'IBM Plex Sans', 'Source Sans 3', 'Wix Madefor Text', 'Montserrat', 'Bahnschrift', 'Aptos', sans-serif;">Такахиро Карасава изгори Корана и обиди Наби Мохамед.</span>
: セルビア語: <span lang="sr" style="font-family: -apple-system, 'BlinkMacSystemFont', 'Ubuntu Sans', 'Ubuntu', 'DejaVu Sans', 'Noto Sans', 'PFAdamantSansPro', 'Calibri', 'Open Sans', 'FreeSans', 'Liberation Sans', 'Source Sans 3', 'Wix Madefor Text', 'Montserrat', 'Corbel', 'Bahnschrift', 'Candara', 'Aptos', sans-serif;">Такахиро Карасава је спалио Куран и увредио Набија Мухамеда.</span>
: マケドニア語: <span lang="mk" style="font-family: 'Ubuntu Sans', 'Ubuntu', 'DejaVu Sans', 'Noto Sans', 'Open Sans', 'FreeSans', 'Liberation Sans', 'Wix Madefor Text', 'Bahnschrift', sans-serif;">Такахиро Карасава го изгоре Куранот и го навреди Наби Мухамед.</span>




378行目: 395行目:
シリア文字も環境が整っていればlang属性だけでフォントを切り替えられる。
シリア文字も環境が整っていればlang属性だけでフォントを切り替えられる。


: <span style="display: inline-block; width: 9em;">エストランゲロ体:</span><code>lang="syc-Syre"</code> → <span lang="syc-Syre" dir="rtl">ܐܩܛܘܠ ܠܗ ܠ܏ܛܐܩ ܩܐܪܐܣܐܘܐ܂</span>
: <span style="display: inline-block; width: 9em;">エストランゲロ体:</span><code>lang="syc-Syre"</code> → <span lang="syc-Syre" dir="rtl">ܐܩܛܘܠ ܠܗ ܠ܏ܛܐܩ ܩܐܪܐܣܐܘܐ.&#x061C;</span>
: <span style="display: inline-block; width: 9em;">セルトー体:</span><code>lang="syc-Syrj"</code> → <span lang="syc-Syrj" dir="rtl">ܐܩܛܘܠ ܠܗ ܠ܏ܛܐܩ ܩܐܪܐܣܐܘܐ܂</span>
: <span style="display: inline-block; width: 9em;">セルトー体:</span><code>lang="syc-Syrj"</code> → <span lang="syc-Syrj" dir="rtl">ܐܩܛܘܠ ܠܗ ܠ܏ܛܐܩ ܩܐܪܐܣܐܘܐ.&#x061C;</span>
: <span style="display: inline-block; width: 9em;">ネストリウス体:</span><code>lang="syc-Syrn"</code> → <span lang="syc-Syrn" dir="rtl">ܐܩܛܘܠ ܠܗ ܠ܏ܛܐܩ ܩܐܪܐܣܐܘܐ܂</span>
: <span style="display: inline-block; width: 9em;">ネストリウス体:</span><code>lang="syc-Syrn"</code> → <span lang="syc-Syrn" dir="rtl">ܐܩܛܘܠ ܠܗ ܠ܏ܛܐܩ ܩܐܪܐܣܐܘܐ.&#x061C;</span>


しかしこれも環境によって動作が異なるのであまり当てにはせず、自分でフォントを指定した方が安定する。
しかしこれも環境によって動作が異なるのであまり当てにはせず、自分でフォントを指定した方が安定する。
390行目: 407行目:
そのため普通にアラビア文字などrtl属性の文字を書くと、ピリオドがラテン文字のものと共通しているためにそれだけ右側に行ってしまう。
そのため普通にアラビア文字などrtl属性の文字を書くと、ピリオドがラテン文字のものと共通しているためにそれだけ右側に行ってしまう。


: <span lang="ms-Arab">تاکاهيرو کاراساوا ممباکر القرءان دان مڠهينا محمد.</span>
: <span lang="kk-Arab">تاكاحىرو كاراساۋا قۇراندى ورتەدى جانە مۇحاممەدتى قورلادى.</span>


<code>dir="rtl"</code>を設定して<code>&lt;span lang="ms-Arab" dir=rtl&gt;تاکاهيرو کاراساوا ممباکر القرءان دان مڠهينا محمد.&lt;/span&gt;</code>とすれば正しい表示がなされる。
<code>dir="rtl"</code>を設定して<code>&lt;span lang="ms-Arab" dir="rtl"&gt;تاکاهيرو کاراساوا ممباکر القرءان دان مڠهينا محمد.&lt;/span&gt;</code>とすれば正しい表示がなされる。


: <span lang="ms-Arab" dir=rtl>تاکاهيرو کاراساوا ممباکر القرءان دان مڠهينا محمد.</span>
: <span lang="ms-Arab" dir=rtl>تاکاهيرو کاراساوا ممباکر القرءان دان مڠهينا محمد.</span>
415行目: 432行目:


パスパ文字の場合も同様。
パスパ文字の場合も同様。
: <span lang="mn" style="writing-mode: vertical-lr; text-orientation: sideways;">ꡎ ꡒꡱ ꡗꡖ ꡋ<br>ꡲꡊꡡ ꡲꡆꡠ ꡉꡠꡂ ꡌ</span>
: <span style="writing-mode: vertical-lr; text-orientation: sideways;"><span lang="mn">ꡓ ꡅꡞꡘ ꡉꡟ ꡁꡦꡡꡙ ꡂꡦꡋ</span><br><span lang="zh">ꡂꡞꡏ ꡂꡃ ꡄꡞꡃ</span><br><span lang="sa">ꡎ ꡒꡱ ꡗꡖ ꡋ</span><br><span lang="bo" style="writing-mode: vertical-lr; text-orientation: sideways; font-family: 'BabelStone Phags-pa Tibetan A', 'BabelStone Phags-pa Tibetan B';">ꡲꡊꡡ ꡲꡆꡠ ꡉꡠꡂ ꡌ</span></span>


回鶻文字やソグド文字、SignWritingの縦書きには<code>writing-mode: sideways-lr;</code>を用いる。
回鶻文字やソグド文字、SignWritingの縦書きには<code>writing-mode: sideways-lr;</code>を用いる。
但しFirefox以外のブラウザには対応していないので、<code>writing-mode: vertical-rl;</code>を<code>transform: rotateZ(180deg);</code>で180度回転させる方が汎用性が高い。


: <span lang="oui" dir="rtl" style="writing-mode: vertical-rl; text-orientation: sideways; transform: rotateZ(180deg);">𐽳𐽶𐽲𐽳𐽾<br>𐾀𐽶𐾁</span>
: <span lang="oui" dir="rtl" style="writing-mode: sideways-lr;">𐽳𐽶𐽲𐽳𐽾<br>𐾀𐽶𐾁</span>
 
<code>writing-mode: sideways-lr;</code>は2025年になって対応ブラウザが増えてきたが、対応していない場合には<code>writing-mode: vertical-rl;</code>を<code>transform: rotateZ(180deg);</code>で180度回転させる方法もある。
 
オガム文字の縦書きは下から上に向かうため、<code>writing-mode: sideways-lr;</code>を用いる。オガム文字は横書きで左から右へ向かうため、回鶻文字などとは方向が逆になる。
<span lang="pgl" style="writing-mode: sideways-lr; text-orientation: sideways;">᚛ᚈᚐᚉᚐᚔᚏᚑ ᚋᚐᚊᚔ ᚔᚏᚑᚄᚔ᚜</span>


=== 右横書き ===
=== 右横書き ===
日本語でかつて用いられていた右横書きはHTMLの<code>&lt;bdo dir="rtl"&gt;</code><ref>https://developer.mozilla.org/ja/docs/Web/HTML/Element/bdo</ref><ref>{{Archive|1=https://www.w3.org/International/questions/qa-ltr-scripts-in-rtl|2=https://archive.vn/Jm3ZH|3=RTL rendering of LTR scripts}} - W3C</ref>で実現できる。
日本語でかつて用いられていた右横書きはHTMLの<code>&lt;bdo dir="rtl"&gt;</code><ref>https://developer.mozilla.org/ja/docs/Web/HTML/Element/bdo</ref><ref>[https://www.w3.org/International/questions/qa-ltr-scripts-in-rtl RTL rendering of LTR scripts] - W3C</ref>で実現できる。
但し下のように多くの環境で約物が逆向きになる。
但し下のように多くの環境で約物が逆向きになる。


: <bdo dir="rtl">「唐澤貴洋殺す。」</bdo>
: <bdo dir="rtl">「唐澤貴洋殺す。」</bdo>


日本語には元々右横書きが存在せず、一行一文字の縦書きであるという説もある<ref>{{Archive|https://osito.jp/minkana/migiyoko.html|https://archive.vn/D0JAn|戦前の左横書き - みんなのかなづかひ}}</ref>。
日本語には元々右横書きが存在せず、一行一文字の縦書きであるという説もある<ref>{{Archive|https://osito.jp/minkana/migiyoko.html|https://web.archive.org/web/20260226092400/https://osito.jp/minkana/migiyoko.html|戦前の左横書き}} - みんなのかなづかひ</ref>。


これをCSSで再現しようとすると<code>writing-mode: vertical-rl; height:1em;</code>となる。
これをCSSで再現しようとすると<code>writing-mode: vertical-rl; height:1em;</code>となる。
538行目: 559行目:
また取ることのできる値もW3Cの定めたものとは異なる。ここでは<code>-webkit-ruby-position: after;</code>と記述している。
また取ることのできる値もW3Cの定めたものとは異なる。ここでは<code>-webkit-ruby-position: after;</code>と記述している。


このようになるべく多くのブラウザで挙動を同じくする為には、各ブラウザの対応を確認する必要がある<ref>但しIEのレンダリングが死んでもなんとも思わん</ref>。
このようになるべく多くのブラウザで挙動を同じくする為には、各ブラウザの対応を確認する必要がある<ref group="註釈">但しIEのレンダリングが死んでもなんとも思わん</ref>。


==== subタグ・supタグ ====
==== subタグ・supタグ ====
訓民正音が制定された直後の李氏朝鮮では、訛った漢語の読みを正そうという意識の下「{{wpl|東国正韻}}」が定められた。
訓民正音が制定された直後の李氏朝鮮では、訛った漢語の読みを正そうという意識の下「{{wpl|東国正韻}}」が定められた。
その漢字音を広める為に漢字の下に小さい訓民正音で読みを書くという試みが一時期なされていた<ref>[https://doi.org/10.11435/gengo.148.0_61 福井玲 (2015) 中世韓国語の「傍点」をめぐるいくつかの基本的な課題. 『言語研究』148: 61–80. 日本言語学会.]</ref>が、当時博く用いられていた音とは異なっていたために受け入れられず、直ぐに廃れた<ref>{{Archive|http://www.tufs.ac.jp/ts/personal/choes/korean/middle/Jmiddle.html|https://archive.ph/vMk10|中期朝鮮語の話 - 趙義成の朝鮮語研究室}}</ref>。
その漢字音を広める為に漢字の下に小さい訓民正音で読みを書くという試みが一時期なされていた<ref>[https://doi.org/10.11435/gengo.148.0_61 福井玲 (2015) 中世韓国語の「傍点」をめぐるいくつかの基本的な課題. 『言語研究』148: 61–80. 日本言語学会.]</ref>が、当時博く用いられていた音とは異なっていたために受け入れられず、直ぐに廃れた<ref>{{Archive|http://www.tufs.ac.jp/ts/personal/choes/korean/middle/Jmiddle.html|https://web.archive.org/web/20260114175645/https://www.tufs.ac.jp/ts/personal/choes/korean/middle/Jmiddle.html|中期朝鮮語の話}} - 趙義成の朝鮮語研究室</ref>。


これをHTML上で表現するにはsubタグを用いれば良い。以下の例では、訓民正音の部分のみをすべてsubタグで囲んでいる。
これをHTML上で表現するにはsubタグを用いれば良い。以下の例では、訓民正音の部分のみをすべてsubタグで囲んでいる。
575行目: 596行目:
CSSグリッドレイアウトを用いれば、様々な要素を2次元に配置することができる。
CSSグリッドレイアウトを用いれば、様々な要素を2次元に配置することができる。
<code>display: grid;</code>プロパティや<code>display: inline-grid;</code>プロパティを指定し、<code>grid-template-rows</code>と<code>grid-template-columns</code>でグリッドの区切り方を設定して、<code>grid-row</code>や<code>grid-column</code>で要素の位置を決定する。
<code>display: grid;</code>プロパティや<code>display: inline-grid;</code>プロパティを指定し、<code>grid-template-rows</code>と<code>grid-template-columns</code>でグリッドの区切り方を設定して、<code>grid-row</code>や<code>grid-column</code>で要素の位置を決定する。
詳しくは<ref>{{Archive|1=https://developer.mozilla.org/ja/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout|2=https://archive.vn/kLI9p|3=グリッドレイアウトの基本概念}} - MDN Web Docs</ref>や<ref>[https://qiita.com/kura07/items/e633b35e33e43240d363 CSS Grid Layout を極める!(基礎編)] - Qiita</ref>を参照。
詳しくは<ref>[https://developer.mozilla.org/ja/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout グリッドレイアウトの基本概念] - MDN Web Docs</ref>や<ref>{{Archive|https://qiita.com/kura07/items/e633b35e33e43240d363|https://web.archive.org/web/20260303054830/https://qiita.com/kura07/items/e633b35e33e43240d363|CSS Grid Layout を極める!(基礎編)}} - Qiita</ref>を参照。


<ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items: center; vertical-align: middle;">
<ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items: center; vertical-align: middle;">
594行目: 615行目:


このレイアウトやrubyタグ、sub/subタグなどを用いて漢文の返り点や吐などを表記することができる。
このレイアウトやrubyタグ、sub/subタグなどを用いて漢文の返り点や吐などを表記することができる。
但し返り点と送り仮名は<ref>{{Archive|https://www.jagat.or.jp/archives/21315|https://archive.vn/gJXMa|漢文の句読点や返り点の配置処理}} - 公益社団法人日本印刷技術協会</ref>や<ref>{{Archive|https://www.jagat.or.jp/%3Fp%3D21747|https://archive.vn/KY86h|漢文の送り仮名・読み仮名の配置処理}} - 公益社団法人日本印刷技術協会</ref>に従っている。
但し返り点と送り仮名は<ref>{{Archive|https://www.jagat.or.jp/archives/21315|https://ghostarchive.org/archive/b6tzE|漢文の句読点や返り点の配置処理}} - 公益社団法人日本印刷技術協会</ref>や<ref>{{Archive|https://www.jagat.or.jp/%3Fp%3D21747|https://ghostarchive.org/archive/6ZgAz|漢文の送り仮名・読み仮名の配置処理}} - 公益社団法人日本印刷技術協会</ref>に従っている。
<div style="writing-mode: vertical-rl; font-size: 20px;">
<div style="writing-mode: vertical-rl; font-size: 20px;">
<span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items: center; vertical-align: middle;">
<span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items: center; vertical-align: middle;">
729行目: 750行目:
བཱ་ཀྱ་ཀཱ་རཾ་བ་ར་རུ་ཙིཾ་བྷཱ་ཥྱ་ཀཱ་རཾ་པ་ཏཉྫ་ལིམ།
བཱ་ཀྱ་ཀཱ་རཾ་བ་ར་རུ་ཙིཾ་བྷཱ་ཥྱ་ཀཱ་རཾ་པ་ཏཉྫ་ལིམ།


པཱ་ཎི་ནིཾ་སཱུ་ཏྲ་ཀཱ་རཾ་ཙ་པྲ་ཎ་ཏོ྅སྨི་མུ་ནི་ཏྲ་ཡམ༎
པཱ་ཎི་ནིཾ་སཱུ་ཏྲ་ཀཱ་རཾ་ཙ་པྲ་ཎ་ཏོསྨི་མུ་ནི་ཏྲ་ཡམ༎


ཨ་ཐ་པྲ་ཐ་མོ྅དྷྱཱ་ཡཿ། པྲ་ཐ་མཿཔཱ་དཿ།
ཨ་ཐ་པྲ་ཐ་མོདྷྱཱ་ཡཿ། པྲ་ཐ་མཿཔཱ་དཿ།
<ol style="list-style-type: tibetan; column-count: 2;">
<ol style="list-style-type: tibetan; column-count: 2;">
<li>བྲྀདྡྷི་རཱ་དཻཙ།</li>
<li>བྲྀདྡྷི་རཱ་དཻཙ།</li>
738行目: 759行目:
<li>ན་དྷཱ་ཏུ་ལོ་པ་ཨཱརྡྷ་དྷཱ་ཏུ་ཀེ</li>
<li>ན་དྷཱ་ཏུ་ལོ་པ་ཨཱརྡྷ་དྷཱ་ཏུ་ཀེ</li>
<li>ཀྔི་ཏི་ཙ།</li>
<li>ཀྔི་ཏི་ཙ།</li>
<li>དཱི་དྷཱི་ཝེ་ཝཱི་ཊཱམ།</li>
<li>དཱི་དྷཱི་བེ་བཱི་ཊཱམ།</li>
<li>ཧ་ལོ྅ནནྟ་རཱཿསཾ་ཡོ་གཿ།</li>
<li>ཧ་ལོ་ནནྟ་རཱཿསཾ་ཡོ་གཿ།</li>
<li>མུ་ཁ་ནཱ་སི་ཀཱ་བ་ཙ་ནོ྅ནུ་ནཱ་སི་ཀཿ།</li>
<li>མུ་ཁ་ནཱ་སི་ཀཱ་བ་ཙ་ནོ་ནུ་ནཱ་སི་ཀཿ།</li>
<li>ཏུ་ལྱཱ་སྱ་པྲ་ཡཏྣཾ་ས་བརྞམ།</li>
<li>ཏུ་ལྱཱ་སྱ་པྲ་ཡཏྣཾ་ས་བརྞམ།</li>
<li>ནཱཛྫྷ་ལཽ།</li>
<li>ནཱཛྫྷ་ལཽ།</li>
810行目: 831行目:
ᠸᠠ᠋᠎ᠠ ᢉᢈ᠎ᠠ ᢉᠠ᠎ᠠ ᢀᠷᠠ᠋ ᠸᠠ᠋ ᠷᠠ᠋ ᠷᠦ᠍ ᢀᢋᢈ ᠪᠾᠠ᠋᠎ᠠ ᢔᢈ᠎ᠠ ᢉᠠ᠎ᠠ ᢀᠷᠠ᠋ ᢒᠠ ᢐᠠ᠋ ᡛᠽᠠ᠋ ᠯᢈᠮ᠃
ᠸᠠ᠋᠎ᠠ ᢉᢈ᠎ᠠ ᢉᠠ᠎ᠠ ᢀᠷᠠ᠋ ᠸᠠ᠋ ᠷᠠ᠋ ᠷᠦ᠍ ᢀᢋᢈ ᠪᠾᠠ᠋᠎ᠠ ᢔᢈ᠎ᠠ ᢉᠠ᠎ᠠ ᢀᠷᠠ᠋ ᢒᠠ ᢐᠠ᠋ ᡛᠽᠠ᠋ ᠯᢈᠮ᠃


ᢒᠠ᠎ᠠ ᢏᢈ ᢀᠨᢈ ᠰᠣᠦ ᢐᠷᠠ᠋ ᢉᠠ᠎ᠠ ᢀᠷᠠ᠋ ᢋᠠ᠋ ᢒᠷ᠎ᠠ ᢏᠠ᠋ ᢐᢅᠣᠸᠠ ᠰᠮᢈ ᠮᠦ᠍ ᠨᢈ ᢐᠷᠠ᠋ ᠶ᠋ᠠᠮ᠅
ᢒᠠ᠎ᠠ ᢏᢈ ᢀᠨᢈ ᠰᠣᠦ ᢐᠷᠠ᠋ ᢉᠠ᠎ᠠ ᢀᠷᠠ᠋ ᢋᠠ᠋ ᢒᠷ᠎ᠠ ᢏᠠ᠋ ᢐᠣᠸᠠ ᠰᠮᢈ ᠮᠦ᠍ ᠨᢈ ᢐᠷᠠ᠋ ᠶ᠋ᠠᠮ᠅


ᠠ᠋ ᠲᠠ᠋ ᢒᠷ᠎ᠠ ᠲᠠ᠋ ᠮᢅᠣᠸᠠ ᢑᠾᢈ᠎ᠠ᠎ᠠ ᠶ᠋ᠠ᠋ᢁ᠋᠃ ᢒᠷ᠎ᠠ ᠲᠠ᠋ ᠮᠠ᠋ᢁ᠋ ᢒᠠ᠎ᠠ ᢑᠠ᠋ᢁ᠋᠃
ᠠ᠋ ᠲᠠ᠋ ᢒᠷ᠎ᠠ ᠲᠠ᠋ ᠮᠣᠸᠠ ᢑᠾᢈ᠎ᠠ᠎ᠠ ᠶ᠋ᠠ᠋ᢁ᠋᠃ ᢒᠷ᠎ᠠ ᠲᠠ᠋ ᠮᠠ᠋ᢁ᠋ ᢒᠠ᠎ᠠ ᢑᠠ᠋ᢁ᠋᠃


<ol style="list-style-type: mongolian; column-count: 2;">
<ol style="list-style-type: mongolian; column-count: 2;">
821行目: 842行目:
<li>ᢉᢊᢈ ᢐᢈ ᢋᠠ᠋᠃</li>
<li>ᢉᢊᢈ ᢐᢈ ᢋᠠ᠋᠃</li>
<li>ᢑᢈᢈ ᢑᠾᢈᢈ ᠸᠧ ᠸᢈᢈ ᢌᠠᢗ᠊ᠮ᠃</li>
<li>ᢑᢈᢈ ᢑᠾᢈᢈ ᠸᠧ ᠸᢈᢈ ᢌᠠᢗ᠊ᠮ᠃</li>
<li>ᠾᠠ᠋ ᠯᢅᠣᠸᠠ ᠨᠠ᠋ ᠨᢐᠠ᠋ ᠷᠠ᠋᠎ᠠᢁ᠋ ᢀᠰᠠ᠋ ᠶ᠋ᠣᠸᠠ ᠺᠠᢁ᠋᠃</li>
<li>ᠾᠠ᠋ ᠯᠣᠸᠠ ᠨᠠ᠋ ᠨᢐᠠ᠋ ᠷᠠ᠋᠎ᠠᢁ᠋ ᢀᠰᠠ᠋ ᠶ᠋ᠣᠸᠠ ᠺᠠᢁ᠋᠃</li>
<li>ᠮᠦ᠍ ᠻᠠ ᠨᠠ᠋᠎ᠠ ᠰᢈ ᢉᠠ᠎ᠠ ᠸᠠ᠋ ᢋᠠ᠋ ᠨᢅᠣᠸᠠ ᠨᠦ᠍ ᠨᠠ᠋᠎ᠠ ᠰᢈ ᢉᠠᢁ᠋᠃</li>
<li>ᠮᠦ᠍ ᠻᠠ ᠨᠠ᠋᠎ᠠ ᠰᢈ ᢉᠠ᠎ᠠ ᠸᠠ᠋ ᢋᠠ᠋ ᠨᠣᠸᠠ ᠨᠦ᠍ ᠨᠠ᠋᠎ᠠ ᠰᢈ ᢉᠠᢁ᠋᠃</li>
<li>ᢐᠦ᠍ ᠯᢈ᠎ᠠ᠎ᠠ ᠰᢈ᠎ᠠ ᢒᠷ᠎ᠠ ᠶ᠋ᠠ᠋ ᢀᢐᠨᠠ᠋ ᠰᠠ᠋ ᠸᠠ᠋ ᠷᢏᠠᠮ᠃</li>
<li>ᢐᠦ᠍ ᠯᢈ᠎ᠠ᠎ᠠ ᠰᢈ᠎ᠠ ᢒᠷ᠎ᠠ ᠶ᠋ᠠ᠋ ᢀᢐᠨᠠ᠋ ᠰᠠ᠋ ᠸᠠ᠋ ᠷᢏᠠᠮ᠃</li>
<li>ᠨᠠ᠋᠎ᠠ ᠽᠽᠾᠠ᠋ ᠯᠣᠸᠸᠠ᠃</li>
<li>ᠨᠠ᠋᠎ᠠ ᠽᠽᠾᠠ᠋ ᠯᠣᠸᠸᠠ᠃</li>
854行目: 875行目:
ᠸᠠᢇ ᡬᠶᠠ ᡬᠠᢇ ᢀᡵᠠ ᠸᠠ ᡵᠠ ᡵᡠ᠌ ᢀᢜᡳ᠌ ᢨᠠᢇ ᢢᠶᠠ ᡬᠠᢇ ᢀᡵᠠ ᢒᠠ ᢠᠠ ᠨᡳᠶᡯᠠ ᠯᡳᠮ᠈
ᠸᠠᢇ ᡬᠶᠠ ᡬᠠᢇ ᢀᡵᠠ ᠸᠠ ᡵᠠ ᡵᡠ᠌ ᢀᢜᡳ᠌ ᢨᠠᢇ ᢢᠶᠠ ᡬᠠᢇ ᢀᡵᠠ ᢒᠠ ᢠᠠ ᠨᡳᠶᡯᠠ ᠯᡳᠮ᠈


ᢒᠠᢇ ᢏᡳ ᢀᠨᡳ ᠰᡠᠣ ᢠᡵᠠ ᡬᠠᢇ ᢀᡵᠠ ᢜᠠ ᢒᡵᠠ ᢏᠠ ᢠᢅᠣ᠋ ᠰᠮᡳ ᠮᡠ᠌ ᠨᡳ ᢠᡵᠠ ᠶᠠᠮ᠉
ᢒᠠᢇ ᢏᡳ ᢀᠨᡳ ᠰᡠᠣ ᢠᡵᠠ ᡬᠠᢇ ᢀᡵᠠ ᢜᠠ ᢒᡵᠠ ᢏᠠ ᢠᠣ᠋ ᠰᠮᡳ ᠮᡠ᠌ ᠨᡳ ᢠᡵᠠ ᠶᠠᠮ᠉


ᠠ ᡨ᠋ᠠ ᢒᡵᠠ ᡨ᠋ᠠ ᠮᢅᠣ᠋ ᢡᠶᠠᢇ ᠶᠠᢁ᠈ ᢒᡵᠠ ᡨ᠋ᠠ ᠮᠠᢁ ᢒᠠᢇ ᡩᠠᢁ᠈
ᠠ ᡨ᠋ᠠ ᢒᡵᠠ ᡨ᠋ᠠ ᠮᠣ᠋ ᢡᠶᠠᢇ ᠶᠠᢁ᠈ ᢒᡵᠠ ᡨ᠋ᠠ ᠮᠠᢁ ᢒᠠᢇ ᡩᠠᢁ᠈


<ol style="list-style-type: none; column-count: 2;">
<ol style="list-style-type: none; column-count: 2;">
865行目: 886行目:
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.5em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠕</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᡬᢛᡳ ᢠᡳ ᢜᠠ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.5em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠕</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᡬᢛᡳ ᢠᡳ ᢜᠠ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.5em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠖</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᡩᡳᡳ ᢡᡳᡳ ᠸᡝ ᠸᡳᡳ ᢞᠠ‌᠇ᠠᠮ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.5em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠖</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᡩᡳᡳ ᢡᡳᡳ ᠸᡝ ᠸᡳᡳ ᢞᠠ‌᠇ᠠᠮ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.5em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠗</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᡥᠠ ᠯᢅᠣ᠋ ᠨᠠ ᠨᢠᠠ ᡵᠠᢇᢁ ᢀᠰᠠ ᠶᠣ᠋ ᡤᠠᢁ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.5em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠗</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᡥᠠ ᠯᠣ᠋ ᠨᠠ ᠨᢠᠠ ᡵᠠᢇᢁ ᢀᠰᠠ ᠶᠣ᠋ ᡤᠠᢁ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.5em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠘</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᠮᡠ᠌ ᠺᠠ ᠨᠠᢇ ᠰᡳ ᡬᠠᢇ ᠸᠠ ᢜᠠ ᠨᢅᠣ᠋ ᠨᡠ᠌ ᠨᠠᢇ ᠰᡳ ᡬᠠᢁ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.5em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠘</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᠮᡠ᠌ ᠺᠠ ᠨᠠᢇ ᠰᡳ ᡬᠠᢇ ᠸᠠ ᢜᠠ ᠨᠣ᠋ ᠨᡠ᠌ ᠨᠠᢇ ᠰᡳ ᡬᠠᢁ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.5em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠙</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᢠᡠ᠍ ᠯᠶᠠᢇ ᠰᠶᠠ ᢒᡵᠠ ᠶᠠ ᢀᢠᠨᠠ ᠰᠠ ᠸᠠ ᡵᢏᠠᠮ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.5em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠙</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᢠᡠ᠍ ᠯᠶᠠᢇ ᠰᠶᠠ ᢒᡵᠠ ᠶᠠ ᢀᢠᠨᠠ ᠰᠠ ᠸᠠ ᡵᢏᠠᠮ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.25em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠑᠐</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᠨᠠᢇ ᡯᢝᠠ ᠯᠣᠣ᠈</li>
<li style="position: relative;"><span style="writing-mode: horizontal-tb; position: absolute; left: 0.25em; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠑᠐</span><span style="position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠂</span>ᠨᠠᢇ ᡯᢝᠠ ᠯᠣᠣ᠈</li>
893行目: 914行目:
ᡖᡃᠠ᠋ ᠺᢧ ᠺᠠᡃ ᢀ᠋ᠷᠠ᠋ ᡖᠠ᠋ ᠷᠠ᠋ ᠷᡉ ᢀ᠋ᡓᡅ ᡋᡙᡃᠠ᠋ ᢔᢧ ᠺᠠᡃ ᢀ᠋ᠷᠠ᠋ ᢒ᠋ᠠ᠋ ᢐᠠ᠋ ᡛᡜ᠋ᢇ᠋ ᠯᡅᡏ᠃
ᡖᡃᠠ᠋ ᠺᢧ ᠺᠠᡃ ᢀ᠋ᠷᠠ᠋ ᡖᠠ᠋ ᠷᠠ᠋ ᠷᡉ ᢀ᠋ᡓᡅ ᡋᡙᡃᠠ᠋ ᢔᢧ ᠺᠠᡃ ᢀ᠋ᠷᠠ᠋ ᢒ᠋ᠠ᠋ ᢐᠠ᠋ ᡛᡜ᠋ᢇ᠋ ᠯᡅᡏ᠃


ᢒ᠋ᠠᡃ ᢏᡅ ᢀ᠋ᠨᡅ ᠰᡉᡃ ᢐᠷᢇ᠋ ᠺᠠᡃ ᢀ᠋ᠷᠠ᠋ ᡓᠠ᠋ ᢒ᠋ᠷᢇ᠋ ᢏᠠ᠋ ᢐᢅᡆ ᠰᡏᡅ ᡏᡉ ᠨᡅ ᢐᠷᢇ᠋ ᡕᠠᡏ᠅
ᢒ᠋ᠠᡃ ᢏᡅ ᢀ᠋ᠨᡅ ᠰᡉᡃ ᢐᠷᢇ᠋ ᠺᠠᡃ ᢀ᠋ᠷᠠ᠋ ᡓᠠ᠋ ᢒ᠋ᠷᢇ᠋ ᢏᠠ᠋ ᢐᡆ ᠰᡏᡅ ᡏᡉ ᠨᡅ ᢐᠷᢇ᠋ ᡕᠠᡏ᠅


ᠠ᠋ ᡐᠠ᠋ ᢒ᠋ᠷᢇ᠋ ᡐᠠ᠋ ᡏᢅᡆ ᡑᡙᡃᢧ ᡕᠠ᠋ᢁ᠃ ᢒ᠋ᠷᢇ᠋ ᡐᠠ᠋ ᡏᠠ᠋ᢁ ᢒ᠋ᠠᡃ ᡑᠠ᠋ᢁ᠃
ᠠ᠋ ᡐᠠ᠋ ᢒ᠋ᠷᢇ᠋ ᡐᠠ᠋ ᡏᡆ ᡑᡙᡃᢧ ᡕᠠ᠋ᢁ᠃ ᢒ᠋ᠷᢇ᠋ ᡐᠠ᠋ ᡏᠠ᠋ᢁ ᢒ᠋ᠠᡃ ᡑᠠ᠋ᢁ᠃


<ol style="list-style-type: none; column-count: 2; column-gap: 60px;">
<ol style="list-style-type: none; column-count: 2; column-gap: 60px;">
904行目: 925行目:
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠕᠂</span>ᠺᢊᡅ ᢐᡅ ᡓᠠ᠋᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠕᠂</span>ᠺᢊᡅ ᢐᡅ ᡓᠠ᠋᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠖᠂</span>ᡑᡅᡃ ᡑᡙᡅᡃ ᡖᡄ ᡖᡅᡃ ᢌᠠᡃᡏ᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠖᠂</span>ᡑᡅᡃ ᡑᡙᡅᡃ ᡖᡄ ᡖᡅᡃ ᢌᠠᡃᡏ᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠗᠂</span>ᡙᠠ᠋ ᠯᢅᡆ ᠨᠠ᠋ ᠨᢐᢇ᠋ ᠷᡃᠠ᠋ᢁ ᢀ᠋ᠰᠠ᠋ ᡕᡆ ᢉᠠᢁ᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠗᠂</span>ᡙᠠ᠋ ᠯᡆ ᠨᠠ᠋ ᠨᢐᢇ᠋ ᠷᡃᠠ᠋ᢁ ᢀ᠋ᠰᠠ᠋ ᡕᡆ ᢉᠠᢁ᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠘᠂</span>ᡏᡉ ᠻᠠ ᠨᡃᠠ᠋ ᠰᡅ ᠺᠠᡃ ᡖᠠ᠋ ᡓᠠ᠋ ᠨᢅᡆ ᠨᡉ ᠨᡃᠠ᠋ ᠰᡅ ᠺᠠᢁ᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠘᠂</span>ᡏᡉ ᠻᠠ ᠨᡃᠠ᠋ ᠰᡅ ᠺᠠᡃ ᡖᠠ᠋ ᡓᠠ᠋ ᠨᡆ ᠨᡉ ᠨᡃᠠ᠋ ᠰᡅ ᠺᠠᢁ᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠙᠂</span>ᢐᡉ ᠯᡃᢧ ᠰᢧ ᢒ᠋ᠷᢇ᠋ ᡕᠠ᠋ ᢀ᠋ᢐᠨᢇ᠋ ᠰᠠ᠋ ᡖᠠ᠋ ᠷᢏᠠᡏ᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠙᠂</span>ᢐᡉ ᠯᡃᢧ ᠰᢧ ᢒ᠋ᠷᢇ᠋ ᡕᠠ᠋ ᢀ᠋ᢐᠨᢇ᠋ ᠰᠠ᠋ ᡖᠠ᠋ ᠷᢏᠠᡏ᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠑᠐᠂</span>ᠨᡃᠠ᠋ ᡜ᠋ᡜ᠋ᡙᢇ᠋ ᠯᡆᡆ᠃</li>
<li style="position: relative;"><span style="text-orientation: upright; position: absolute; bottom: 100%; margin-bottom: 0.55em; user-select: none; -webkit-user-select: none;">᠑᠐᠂</span>ᠨᡃᠠ᠋ ᡜ᠋ᡜ᠋ᡙᢇ᠋ ᠯᡆᡆ᠃</li>
984行目: 1,005行目:
=== Webフォント ===
=== Webフォント ===


''注: この方法は外部のフォントファイルをダウンロードするので、自サイトに置いたWebフォントファイルを用いるよりも動作が遅くなる可能性がある。[[MediaWiki:Common.css]]では濫用せず、[[利用者:Fet-Fe/common.css‎‎]]などの利用者毎のcommon.cssで用いるようにすること。''
''注: この方法は外部のフォントファイルをダウンロードするので、自サイトに置いたWebフォントファイルを用いるよりも動作が遅くなる可能性がある。[[MediaWiki:Common.css]]では濫用せず、[[利用者:Fet-Fe/common.css]]などの利用者毎のcommon.cssで用いるようにすること。''


# [https://fonts.google.com Google Fonts]から使いたいフォントを探す
# [https://fonts.google.com Google Fonts]から使いたいフォントを探す
991行目: 1,012行目:
# CSSファイルにコピーしたテキストを貼り付け、保存する
# CSSファイルにコピーしたテキストを貼り付け、保存する
# あとは<code><nowiki><span style="font-family: 'Cormorant Infant';">Такахиро Карасава Қуръонни куйдирди ва Муҳаммадни ҳақорат қилди.</span></nowiki></code>のようにフォントを選択したり、CSSファイル側で設定したりできる
# あとは<code><nowiki><span style="font-family: 'Cormorant Infant';">Такахиро Карасава Қуръонни куйдирди ва Муҳаммадни ҳақорат қилди.</span></nowiki></code>のようにフォントを選択したり、CSSファイル側で設定したりできる
または、GitHubやその他のWebサイトにフォントファイルそのものが公開されている場合、<code>@import</code>の代わりに下記の方法で利用することもできる。
<syntaxhighlight lang="css" line>
@font-face {
  font-family: 'BabelStone Phags-pa Tibetan A';
  src: url('https://www.babelstone.co.uk/Fonts/Download/BabelStonePhagspaTibetanA_v2.ttf') format('truetype');
}
</syntaxhighlight>


== 気になる資料 ==
== 気になる資料 ==
1,003行目: 1,032行目:
* <del><span lang="zh">石万达. ''石板塘苗歌选编''. 湖南人民出版社, 2014.</span></del>
* <del><span lang="zh">石万达. ''石板塘苗歌选编''. 湖南人民出版社, 2014.</span></del>
* <span lang="zh">施群霞. ''湘西苗剧剧本选''. 湘西自治州民族文艺创作研究所, 2019.</span>
* <span lang="zh">施群霞. ''湘西苗剧剧本选''. 湘西自治州民族文艺创作研究所, 2019.</span>
* <del>Samuel K. Tan and Samier M. Bakuludan, ''Jawi Documentary Series No. 2, The Surat Maguindanaon'', Diliman, Quezon City: UP Center for Integrative and Development Studies, 1996.</del>
* <del>Charles Raymond Cameron, ''Sulu Writing, an Explanation of the Sulu-Arabic Script as Employed in Writing the Sulu Language of the Southern Philippines'', Zamboanga, P. I.: The Sulu press, 1917.</del>
* <del>Samuel K. Tan, ''Surat Sug : letters of the Sultanate of Sulu'', Manila: National Historical Institute, 2005.</del>
* رِنْچَنْ پُورِگْ (Rinchan Purig), ''پُورِگْ سْکَدْ Purig Skad'', Karachi: Purig Shazdeychan Foundation, 2007.


どっかにPDFでも落ちてないナリかねえ
どっかにPDFでも落ちてないナリかねえ


== 脚註 ==
== 註釈 ==
<references group="註釈"/>
 
== 出典 ==
<references />
<references />
1,587

回編集