tutorial-complete.html

<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-173562145-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-173562145-1');
    </script>
    <title>行列完整教學：最完整的行列輸入法教學，看這一篇就夠了！ | FISH UP 行列查碼</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- For google -->
    <meta name="author" content="Mister FISH UP">
    <meta name="description" content="最完整且最淺顯易懂的行列輸入法教學，一篇就讓你學會輸入速度最快又超好學的免費開源中文輸入法！">
    <meta name="keywords" content="行列,行列輸入法,行列輸入法練習,中文輸入法,行列查碼">

    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="行列完整教學：最完整的行列輸入法教學，看這一篇就夠了！ | FISH UP 行列查碼">    
    <meta itemprop="description" content="最完整且最淺顯易懂的行列輸入法教學，一篇就讓你學會輸入速度最快又超好學的免費開源中文輸入法！">
    <meta itemprop="image" content="https://array30.misterfishup.com/img/fish-up-dictionary-of-array.png">
    
    <!-- For facebook Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="行列完整教學：最完整的行列輸入法教學，看這一篇就夠了！ | FISH UP 行列查碼">
    <meta property="og:description" content="最完整且最淺顯易懂的行列輸入法教學，一篇就讓你學會輸入速度最快又超好學的免費開源中文輸入法！">
    <meta property="og:url" content="https://array30.misterfishup.com/tutorial-complete.html">
    <meta property="og:image" content="https://array30.misterfishup.com/img/fish-up-dictionary-of-array.png">
    <meta property="og:site_name" content="FISH UP 行列查碼">
    <meta property="fb:admins" content="106035361278242">

    <!-- For twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@misterfishup">
    <meta name="twitter:title" content="行列完整教學：最完整的行列輸入法教學，看這一篇就夠了！ | FISH UP 行列查碼">
    <meta name="twitter:description" content="最完整且最淺顯易懂的行列輸入法教學，一篇就讓你學會輸入速度最快又超好學的免費開源中文輸入法！">
    <meta name="twitter:creator" content="@misterfishup">
    <meta name="twitter:image" content="https://array30.misterfishup.com/img/fish-up-dictionary-of-array.png">

    <!-- icon -->
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">

    <!-- css -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Domine:wght@400;700&family=Noto+Serif+TC&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/w3.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/page-with-sticky-toc.css">
</head>
<body>
    <!-- loading overlay -->
    <div id="loading-overlay" style="background-color: white; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1000;"></div>

    <!-- app -->
    <div id='app' v-cloak data-local='tw' data-page-name='tutorial-complete.html'>
        <!-- Navbar -->
        <app-nav-bar></app-nav-bar>

        <!-- btn for toggling toc on small screens -->
        <button id="toggleTOCSmall" class="w3-hide-large"><i class="fa fa-list" aria-hidden="true"></i></button>
        <!-- toc on small screens -->
        <div id="tocSmallWrapper" class="w3-hide-large w3-hide">
            <button id="closeTOCSmall"><i class="fa fa-times" aria-hidden="true"></i></button>
            <div id="tocSmall">
                <ol>
                    <li><a href="#introduction">{{ appContent.introduction.title[local] }}</a></li>
                    <li><a href="#fundamental-stroke-shape">{{ appContent.fss.title[local] }}</a><span class="w3-right toggleStickyTOCRadical" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span></li>
                    <li><a href="#radical">{{ appContent.radical.title[local] }}</a>
                        <ul class="w3-hide">
                            <li><a href="#FSS-radical">{{ appContent.fssRadical.title[local] }}</a></li>
                            <li><a href="#SESS-radical">{{ appContent.sessRadical.title[local] }}</a></li>
                            <li><a href="#specially-mapped-radical">{{ appContent.specialRadical.title[local] }}</a></li>
                        </ul>
                    </li>
                    <li><a href="#radical-key">{{ appContent.radicalKey.title[local] }}</a><span class="w3-right toggleStickyTOCDecomp" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span></li>
                    <li><a href="#decomposition-rules">{{ appContent.decompositionRules.title[local] }}</a>
                        <ul class="w3-hide">
                            <li><a href="#first-three-and-last-principle">{{ appContent.firstThreeLastOne.title[local] }}</a></li>
                            <li><a href="#big-radical-principle">{{ appContent.bigRadical.title[local] }}</a></li>
                            <li><a href="#discontiguous-radicals">{{ appContent.discontiguousRadicals.title[local] }}</a></li>
                        </ul>
                    </li>
                    <li><a href="#rarely-used-character">{{ appContent.rareCharacter.title[local] }}</a></li>
                    <li><a href="#entering-standard-codes">{{ appContent.enteringStandardCodes.title[local] }}</a></li>
                    <li><a href="#coincident-code">{{ appContent.coincidentCode.title[local] }}</a></li>
                    <li><a href="#error-tolerance">{{ appContent.errorTolerance.title[local] }}</a><span class="w3-right toggleStickyTOCWildCard" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span></li>
                    <li><a href="#wild-card">{{ appContent.wildCard.title[local] }}</a>
                        <ul class="w3-hide">
                            <li><a href="#wild-card--question-mark">{{ appContent.questionMark.title[local] }}</a></li>
                            <li><a href="#wild-card--asterisk">{{ appContent.asterisk.title[local] }}</a></li>
                            <li><a href="#wild-card--application">{{ appContent.wildCardApplication.title[local] }}</a></li>
                        </ul>
                    </li>
                    <span class="w3-right toggleStickyTOCShortCode" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span>
                    <li><a href="#short-code">{{ appContent.shortCode.title[local] }}</a>
                        <ul class="w3-hide">
                            <li><a href="#short-code-I">{{ appContent.shortCode1.title[local] }}</a></li>
                            <li><a href="#short-code-II">{{ appContent.shortCode2.title[local] }}</a></li>
                            <li><a href="#short-code-conclusion">{{ appContent.shortCodeConclusion.title[local] }}</a></li>
                        </ul>
                    </li>
                    <span class="w3-right toggleStickyTOCSymbol" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span>
                    <li><a href="#symbol">{{ appContent.symbol.title[local] }}</a>
                        <ul class="w3-hide">
                            <li><a href="#symbol-list">{{ appContent.symbolList.title[local] }}</a></li>
                            <li><a href="#symbol-with-short-code-I">{{ appContent.symbolWithSC1.title[local] }}</a></li>
                        </ul>
                    </li>
                    <li><a href="#special-code">{{ appContent.specialCode.title[local] }}</a></li>
                    <li><a href="#preview">{{ appContent.preview.title[local] }}</a></li>
                    <li><a href="#miscellaneous">{{ appContent.miscellaneous.title[local] }}</a><span class="w3-right toggleStickyTOCOthers" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span></li>
                    <li><a href="#others">{{ appContent.others.title[local] }}</a>
                        <ul class="w3-hide">
                            <li><a href="#word-association">{{ appContent.wordAssociation.title[local] }}</a></li>
                            <li><a href="#traditional-simplified-chinese-conversion">{{ appContent.traditionalSimplifiedConversion.title[local] }}</a></li>
                            <li><a href="#reverse-lookup">{{ appContent.reverseLookup.title[local] }}</a></li>
                            <li><a href="#entering-words">{{ appContent.enteringWords.title[local] }}</a></li>
                            <li><a href="#array40">{{ appContent.array40.title[local] }}</a></li>
                            <li><a href="#array10">{{ appContent.array10.title[local] }}</a></li>
                        </ul>
                    </li>
                    <li><a href="#conclusion">{{ appContent.conclusion.title[local] }}</a></li>
                    <li><a href="#best-way-to-learn-Array">{{ appContent.bestWayToLearnArray.title[local] }}</a></li>
                </ol>
                <br>
            </div>
        </div>

        <div class="w3-row" style="width: 95%; margin: 105px auto 80px; position: relative;">
            <!-- sticky toc warpper -->
            <div class="w3-col w3-hide-small w3-hide-medium" style="width: 15em; font-size: small; margin-right: 10px;" id="stickyTOCWrapper">
                <br>
                <!-- sticky toc (hide-medium & hide-small) -->
                <aside>
                    <ol>
                        <li><a href="#introduction">{{ appContent.introduction.title[local] }}</a></li>
                        <li><a href="#fundamental-stroke-shape">{{ appContent.fss.title[local] }}</a><span class="w3-right toggleStickyTOCRadical" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span></li>
                        <li><a href="#radical">{{ appContent.radical.title[local] }}</a>
                            <ul class="w3-hide">
                                <li><a href="#FSS-radical">{{ appContent.fssRadical.title[local] }}</a></li>
                                <li><a href="#SESS-radical">{{ appContent.sessRadical.title[local] }}</a></li>
                                <li><a href="#specially-mapped-radical">{{ appContent.specialRadical.title[local] }}</a></li>
                            </ul>
                        </li>
                        <li><a href="#radical-key">{{ appContent.radicalKey.title[local] }}</a><span class="w3-right toggleStickyTOCDecomp" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span></li>
                        <li><a href="#decomposition-rules">{{ appContent.decompositionRules.title[local] }}</a>
                            <ul class="w3-hide">
                                <li><a href="#first-three-and-last-principle">{{ appContent.firstThreeLastOne.title[local] }}</a></li>
                                <li><a href="#big-radical-principle">{{ appContent.bigRadical.title[local] }}</a></li>
                                <li><a href="#discontiguous-radicals">{{ appContent.discontiguousRadicals.title[local] }}</a></li>
                            </ul>
                        </li>
                        <li><a href="#rarely-used-character">{{ appContent.rareCharacter.title[local] }}</a></li>
                        <li><a href="#entering-standard-codes">{{ appContent.enteringStandardCodes.title[local] }}</a></li>
                        <li><a href="#coincident-code">{{ appContent.coincidentCode.title[local] }}</a></li>
                        <li><a href="#error-tolerance">{{ appContent.errorTolerance.title[local] }}</a><span class="w3-right toggleStickyTOCWildCard" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span></li>
                        <li><a href="#wild-card">{{ appContent.wildCard.title[local] }}</a>
                            <ul class="w3-hide">
                                <li><a href="#wild-card--question-mark">{{ appContent.questionMark.title[local] }}</a></li>
                                <li><a href="#wild-card--asterisk">{{ appContent.asterisk.title[local] }}</a></li>
                                <li><a href="#wild-card--application">{{ appContent.wildCardApplication.title[local] }}</a></li>
                            </ul>
                        </li>
                        <span class="w3-right toggleStickyTOCShortCode" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span>
                        <li><a href="#short-code">{{ appContent.shortCode.title[local] }}</a>
                            <ul class="w3-hide">
                                <li><a href="#short-code-I">{{ appContent.shortCode1.title[local] }}</a></li>
                                <li><a href="#short-code-II">{{ appContent.shortCode2.title[local] }}</a></li>
                                <li><a href="#short-code-conclusion">{{ appContent.shortCodeConclusion.title[local] }}</a></li>
                            </ul>
                        </li>
                        <span class="w3-right toggleStickyTOCSymbol" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span>
                        <li><a href="#symbol">{{ appContent.symbol.title[local] }}</a>
                            <ul class="w3-hide">
                                <li><a href="#symbol-list">{{ appContent.symbolList.title[local] }}</a></li>
                                <li><a href="#symbol-with-short-code-I">{{ appContent.symbolWithSC1.title[local] }}</a></li>
                            </ul>
                        </li>
                        <li><a href="#special-code">{{ appContent.specialCode.title[local] }}</a></li>
                        <li><a href="#preview">{{ appContent.preview.title[local] }}</a></li>
                        <li><a href="#miscellaneous">{{ appContent.miscellaneous.title[local] }}</a><span class="w3-right toggleStickyTOCOthers" style="cursor: pointer;">&emsp;&emsp;&emsp;<i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-angle-up w3-hide" aria-hidden="true"></i></span></li>
                        <li><a href="#others">{{ appContent.others.title[local] }}</a>
                            <ul class="w3-hide">
                                <li><a href="#word-association">{{ appContent.wordAssociation.title[local] }}</a></li>
                                <li><a href="#traditional-simplified-chinese-conversion">{{ appContent.traditionalSimplifiedConversion.title[local] }}</a></li>
                                <li><a href="#reverse-lookup">{{ appContent.reverseLookup.title[local] }}</a></li>
                                <li><a href="#entering-words">{{ appContent.enteringWords.title[local] }}</a></li>
                                <li><a href="#array40">{{ appContent.array40.title[local] }}</a></li>
                                <li><a href="#array10">{{ appContent.array10.title[local] }}</a></li>
                            </ul>
                        </li>
                        <li><a href="#conclusion">{{ appContent.conclusion.title[local] }}</a></li>
                        <li><a href="#best-way-to-learn-Array">{{ appContent.bestWayToLearnArray.title[local] }}</a></li>
                    </ol>
                </aside>
            </div>

            <!-- toggling sticky toc (hide-medium & hide-small) -->
            <div class="w3-col w3-hide-small w3-hide-medium" style="width: 1em;">
                <br>
                <span id="toggleStickyTOC" class="w3-hide-small w3-hide-medium w3-opacity w3-hover-opacity-off"><i class="fa fa-eye-slash" aria-hidden="true"></i><i class="fa fa-list w3-hide" aria-hidden="true"></i></span>
            </div>
        
            <!-- page content -->
            <div class="w3-rest" id="page-content" style="max-width: 750px; margin-left: auto; margin-right: auto; padding: 0 16px;">
                <h1>{{ appContent.title[local] }}</h1>
                <h6 v-html='appContent.author[local]'></h6>    
                <hr>
                <p style="padding: 0 24px;" v-html='appContent.description[local]'></p>
                <hr>
                <p class="w3-pale-green w3-round-large w3-padding" v-html='appContent.alreadyRead[local]'></p>

                <!-- Introduction -->
                <section id="introduction">
                    <h2>{{ appContent.introduction.title[local] }}</h2>            
                    <p>{{ appContent.introduction.par1[local] }}</p>
                    <p v-html='appContent.introduction.par2[local]'></p>
                    <p>{{ appContent.introduction.par3[local] }}</p>
                    <p class="comment" v-html='appContent.introduction.com4[local]'></p>            
                </section>

                <!-- share button -->
                <div style="margin-top: 60px; margin-bottom: 60px;">
                    {{ appContent.shareThisPageOn[local] }}
                    <img class="social-share facebook-share" tabindex="0">
                    <img class="social-share twitter-share" tabindex="0">
                    <img class="social-share line-share" tabindex="0">
                    <img class="social-share telegram-share" tabindex="0">
                    <img class="social-share linkedIn-share" tabindex="0">
                </div>
                <br>
                
                <!-- Fundamental stroke shape -->
                <section id="fundamental-stroke-shape">
                    <h2>{{ appContent.fss.title[local] }}</h2>
                    <p>{{ appContent.fss.introduction[local] }}</p>
                    <div class="example">
                        <p v-html='appContent.fss.fss1[local]'></p>
                        <p v-html='appContent.fss.fss2[local]'></p>
                        <p v-html='appContent.fss.fss3[local]'></p>
                        <p v-html='appContent.fss.fss4[local]'></p>
                        <p v-html='appContent.fss.fss5[local]'></p>
                        <p v-html='appContent.fss.fss6[local]'></p>
                        <p v-html='appContent.fss.fss7[local]'></p>
                        <p v-html='appContent.fss.fss8a[local]'></p>
                        <p v-html='appContent.fss.fss8b[local]'></p>
                        <p v-html='appContent.fss.fss9[local]'></p>
                        <p v-html='appContent.fss.fss0[local]'></p>
                    </div>
                    <p>{{ appContent.fss.twoThings[local] }}</p>
                    <div class="example">
                        <p>{{ appContent.fss.thing1[local] }}</p>
                        <p>{{ appContent.fss.thing2[local] }}</p>
                    </div>
                    <p>{{ appContent.fss.numberPointOfView[local] }}</p>
                    <div class="example">
                        <p>{{ appContent.fss.number1[local] }}</p>
                        <p>{{ appContent.fss.number2[local] }}</p>
                        <p>{{ appContent.fss.number3[local] }}</p>
                        <p>{{ appContent.fss.number4[local] }}</p>
                        <p>{{ appContent.fss.number5[local] }}</p>
                        <p>{{ appContent.fss.number6[local] }}</p>
                        <p v-html='appContent.fss.number7[local]'></p>
                        <p>{{ appContent.fss.number8[local] }}</p>
                        <p>{{ appContent.fss.number9[local] }}</p>
                        <p>{{ appContent.fss.number0[local] }}</p>
                    </div>
                    <p v-html='appContent.fss.thatsAll[local]'></p>
                </section>

                <!-- Radical -->
                <section id="radical">
                    <h2>{{ appContent.radical.title[local] }}</h2>
                    <p v-html='appContent.radical.introduction[local]'></p>
                    <p v-html='appContent.radical.threeCategories[local]'></p>

                    <!-- 1st group radicals (FSS) -->
                    <section id="FSS-radical">
                        <h3>{{ appContent.fssRadical.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>行列輸入法中，有一些字根符合基本筆形的描述或是由基本筆形衍生而來的，稱作「基本筆形字根」。這類字根的字根碼設定為「基本筆形對應的數字」加上「連字號 -」。</p>
                            <p>舉例來說，字根「乚」是基本筆形字根，它符合基本筆形「逆彎 2」的描述，它的字根碼訂為「<span class="radical-code">2-</span>」，讀作「2 單」；字根「艹」是基本筆形字根，由基本筆形「＋：正交 4」衍生出來，它的字根碼訂為「<span class="radical-code">4-</span>」，讀作「4 單」。</p>
                            <p>以下列出所有基本筆形字根，以及它們對應的基本筆形。</p>
                    
                            <div class="example">
                                <h2 class="bold-center">基本筆形字根</h2>
                                <p>
                                    <div class="w3-row">
                                        <div class="w3-col" style="width: 2em;">一</div>
                                        <div class="w3-col" style="width: 5em;">（橫 1）</div>
                                        <div class="w3-col" style="width: 1em;">：</div>
                                        <div class="w3-rest">一㇀</div>
                                    </div>
                                    <div class="w3-row">
                                        <div class="w3-col" style="width: 2em;"> ㇗</div>
                                        <div class="w3-col" style="width: 5em;"> （逆彎 2）</div>
                                        <div class="w3-col" style="width: 1em;">：</div>
                                        <div class="w3-rest">乙⺄乚㇗㇛㇙㇂几<img src="/img/array30-radical/2-殳.png" class="radical" alt="行列字根 2-，「殳」上半部">儿<img src="/img/array30-radical/2-冘.png" class="radical" alt="行列字根 2-，「冘」去掉冖"></div>
                                    </div>
                                    <div class="w3-row">
                                        <div class="w3-col" style="width: 2em;">丨</div>
                                        <div class="w3-col" style="width: 5em;">（直 3）</div>
                                        <div class="w3-col" style="width: 1em;">：</div>
                                        <div class="w3-rest">丨丿亅</div>
                                    </div>
                                    <div class="w3-row">
                                        <div class="w3-col" style="width: 2em;">＋</div>
                                        <div class="w3-col" style="width: 5em;">（正交 4）</div>
                                        <div class="w3-col" style="width: 1em;">：</div>
                                        <div class="w3-rest">十<img src="/img/array30-radical/4-奉.png" class="radical" alt="行列字根 4-，「奉」末三筆畫"><img src="/img/array30-radical/4-丰簡.png" class="radical" alt="行列字根 4-，「峰」去掉山再去掉夂"><img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫"><img src="/img/array30-radical/4-孑.png" class="radical" alt="行列字根 4-，「孑」末兩筆畫">艹卄廾卅</div>
                                    </div>
                                    <div class="w3-row">
                                        <div class="w3-col" style="width: 2em;">㇕</div>
                                        <div class="w3-col" style="width: 5em;">（順彎 5）</div>
                                        <div class="w3-col" style="width: 1em;">：</div>
                                        <div class="w3-rest">㇡㇉㇞㇖㇆㇕</div>
                                    </div>
                                    <div class="w3-row">
                                        <div class="w3-col" style="width: 2em;">丶</div>
                                        <div class="w3-col" style="width: 5em;">（點 6）</div>
                                        <div class="w3-col" style="width: 1em;">：</div>
                                        <div class="w3-rest">丶⺀</div>
                                    </div>
                                    <div class="w3-row">
                                        <div class="w3-col" style="width: 2em;"><span style="font-family: sans-serif;">ㄇ</span></div>
                                        <div class="w3-col" style="width: 5em;">（蓋 7）</div>
                                        <div class="w3-col" style="width: 1em;">：</div>
                                        <div class="w3-rest">冂冖⺈<img src="/img/array30-radical/7-久.png" class="radical" alt="行列字根 7-，「久」去掉最末筆畫">刀卩</div>
                                    </div>
                                    <div class="w3-row">
                                        <div class="w3-col" style="width: 2em;">八㇏</div>
                                        <div class="w3-col" style="width: 5em;">（八捺 8）</div>
                                        <div class="w3-col" style="width: 1em;">：</div>
                                        <div class="w3-rest">八ㄦ<img src="/img/array30-radical/8-全簡.png" class="radical" alt="行列字根 8-，「人」但兩筆畫都沒有凸出">人入亻冫<img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分"><img src="/img/array30-radical/8-承.png" class="radical" alt="行列字根 8-，「承」最末兩筆畫">㇏</div>
                                    </div>
                                    <div class="w3-row">
                                        <div class="w3-col" style="width: 2em;">㇒</div>
                                        <div class="w3-col" style="width: 5em;">（撇 9）</div>
                                        <div class="w3-col" style="width: 1em;">：</div>
                                        <div class="w3-rest">㇒</div>
                                    </div>
                                    <div class="w3-row">
                                        <div class="w3-col" style="width: 2em;">口</div>
                                        <div class="w3-col" style="width: 5em;">（方框 0）</div>
                                        <div class="w3-col" style="width: 1em;">：</div>
                                        <div class="w3-rest">口</div>
                                    </div>
                                </p>
                            </div>
                            
                            雖然上面列出了所有基本筆形字根，但其中一些字根您第一次看到可能不知道為什麼是基本筆形字根、或是什麼字會用到它們，於是下面附上了一些說明來幫助您理解。
                            <div class="example">
                                <p>
                                    字根碼為 <span class="radical-code">1-</span> 的基本筆形字根全部有：「一㇀」。<br>
                                    這兩個字根都符合基本筆形「橫 1」，所以歸到基本筆形字根。
                                </p>
                                <p>
                                    字根「一」，本身是常用字，還有例如出現在「二」字中。<br>
                                    字根「㇀」，筆畫挑，例如出現在「刁」字中。
                                </p>
                            </div>
                            <div class="example">
                                <p>
                                    字根碼為 <span class="radical-code">2-</span> 的基本筆形字根全部有：「乙⺄乚㇗㇛㇙㇂几<img src="/img/array30-radical/2-殳.png" class="radical" alt="行列字根 2-，「殳」上半部">儿<img src="/img/array30-radical/2-冘.png" class="radical" alt="行列字根 2-，「冘」去掉冖">」。<br>
                                    這些字根全部都因為筆畫最後「逆彎」，符合基本筆形「逆彎 2」，所以歸到基本筆形字根。
                                </p>
                                <p>
                                    字根「乙」，本身是常用字，還有例如出現在「吃」字中。<br>
                                    字根「⺄」，例如出現在「飛」、「九」等字中。<br>
                                    字根「乚」，例如出現在「己」、「也」等字中。<br>
                                    字根「㇗」，例如出現在「繼」、「藏」等字中。<br>
                                    字根「㇛」，例如出現在「鄉」字中（第一筆畫）。<br>
                                    字根「㇙」，例如出現在「民」、「收」等字中。<br>
                                    字根「㇂」，例如出現在「氏」字中。<br>
                                    字根「几」，本身是常用字，還有例如出現在「凡」字中。<br>
                                    字根「<img src="/img/array30-radical/2-殳.png" class="radical" alt="行列字根 2-，「殳」上半部">」，例如出現在「投」、「段」等字中。<br>
                                    字根「儿」，例如出現在「元」、「兒」等字中。<br>
                                    字根「<img src="/img/array30-radical/2-冘.png" class="radical" alt="行列字根 2-，「冘」去掉冖">」，例如出現在「沈」、「免」等字中。
                                </p>
                            </div>
                            <p>嗯，沒錯，本教學會把所有基本筆形字根一個一個講過去。您現在不用特別去記任何字根或任何例字，您只要「看過這些字根、看過這些例字」並且「理解為什麼這個字根對應到這個基本筆形、理解為什麼這個例字有用到這個字根」就好了！</p>
                            <p>我們繼續囉！</p>
                            <div class="example">
                                <p>
                                    字根碼為 <span class="radical-code">3-</span> 的基本筆形字根全部有：「丨丿亅」。<br>
                                    這三個字根全部都符合基本筆形「直 3」，所以歸到基本筆形字根。
                                </p>
                                <p>
                                    字根「丨」，例如出現在「巾」、「井」、「收」等字中。<br>
                                    字根「丿」，例如出現在「卯」、「州」等字中。<br>
                                    字根「亅」，例如出現在「丁」、「了」、「牙」等字中。<br>
                                </p>
                            </div>          
                            <div class="example">
                                <p>
                                    字根碼為 <span class="radical-code">4-</span> 的基本筆形字根全部有：「十<img src="/img/array30-radical/4-奉.png" class="radical" alt="行列字根 4-，「奉」末三筆畫"><img src="/img/array30-radical/4-丰簡.png" class="radical" alt="行列字根 4-，「峰」去掉山再去掉夂"><img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫"><img src="/img/array30-radical/4-孑.png" class="radical" alt="行列字根 4-，「孑」末兩筆畫">艹卄廾卅」。<br>
                                    字根「十<img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫"><img src="/img/array30-radical/4-孑.png" class="radical" alt="行列字根 4-，「孑」末兩筆畫">」，都是基本筆形「正交 4」，所以歸到基本筆形字根。<br>
                                    而字根「<img src="/img/array30-radical/4-奉.png" class="radical" alt="行列字根 4-，「奉」末三筆畫"><img src="/img/array30-radical/4-丰簡.png" class="radical" alt="行列字根 4-，「峰」去掉山再去掉夂">艹卄廾卅」，都是由純粹由基本筆形「正交」構成，也可以理解成是基本筆形「正交」衍生出來的，所以歸到基本筆形字根。<br>
                                    這些字根重點都只是正交，構成正交的筆劃是否傾斜、彎曲或末端勾起並不重要。
                                </p>
                                <p>
                                    字根「十」，本身是常用字，還有例如出現在「支」字中。<br>
                                    字根「<img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫">」，和字根「十」的差別只是直筆尾端有勾起。例如出現在「寸」、「子」、「求」等字中。<br>
                                    字根「<img src="/img/array30-radical/4-孑.png" class="radical" alt="行列字根 4-，「孑」末兩筆畫">」，和字根「十」或「<img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫">」的差別只是橫筆是挑。例如出現在「孑」、「孔」、「特」等字中。
                                </p>
                                <p class="comment">註：由例字「特」可以看出構成正交的筆劃是否傾斜、彎曲或末端勾起並不重要，重點就只是正交而已。（特別區分出「<img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫">」是因為這個字根實際上是個中文字（罕用字），而特別區分出「<img src="/img/array30-radical/4-孑.png" class="radical" alt="行列字根 4-，「孑」末兩筆畫">」只是想強調即使正交的筆劃傾斜、彎曲或末端勾起，它仍然是字根碼 <span class="radical-code">4-</span> 的基本筆形字根。）</p>
                                <p>
                                    字根「<img src="/img/array30-radical/4-奉.png" class="radical" alt="行列字根 4-，「奉」末三筆畫">」表示上下兩個正交。例如出現在「奉」、「筆」、「用」、「井」等字中（筆的末三筆、井的前三筆）。<br>
                                    字根「<img src="/img/array30-radical/4-丰簡.png" class="radical" alt="行列字根 4-，「峰」去掉山再去掉夂">」表示上中下三個正交，例如出現在「峰」、「承」、「丰」、「耘」等字中（筆的末三筆、井的前三筆）。<br>
                                    字根「艹」，本身是常用部首偏旁，例如出現在「花」字中。<br>
                                    字根「卄」，例如出現在「冊」、「噴」、「倫」等字中。<br>
                                    字根「廾」，例如出現在「弊」、「卉」、「開」、「升」等字中。<br>
                                    字根「卅」基本上只有「卅」字會用到。
                                </p>
                                <p class="comment">註：由例字「井」、「耘」、「卄」、「廾」可以看出構成正交的筆劃是否傾斜、彎曲或末端勾起並不重要，重點就只是正交而已。（特別區分出「卄」和「廾」是因為這兩個字根實際上都是中文字。）</p>
                            </div>
                            <div class="example">
                                <p>
                                    字根碼為 <span class="radical-code">5-</span> 的基本筆形字根全部有：「㇡㇉㇞㇖㇆㇕」。<br>
                                    這些字根全部都因為筆畫最後「順彎」，符合基本筆形「順彎 5」，所以歸到基本筆形字根。
                                </p>
                                <p>
                                    字根「㇡」，例如出現在「乃」字中。<br>
                                    字根「㇉」，例如出現在「弓」、「姊」、「弟」、「號」等字中。<br>
                                    字根「㇞」，例如出現在「吳」、「卐」等字中。<br>
                                    字根「㇖」，例如出現在「了」、「也」、「承」等字中。<br>
                                    字根「㇆」，例如出現在「局」、「成」等字中。<br>
                                    字根「㇕」，例如出現在「丑」字中。<br>
                                </p>
                            </div>
                            <div class="example">
                                <p>
                                    字根碼為 <span class="radical-code">6-</span> 的基本筆形字根全部有：「丶⺀」。<br>
                                    這兩個字根都是基本筆形「點 6」，只是一個或兩個點的差別，所以歸到基本筆形字根。
                                </p>
                                <p>
                                    字根「丶」，例如出現在「犬」、「刃」、「班」等字中。<br>
                                    字根「⺀」，例如出現在「斗」、「於」等字中。<br>
                                </p>
                            </div>
                            <div class="example">
                                <p>
                                    字根碼為 <span class="radical-code">7-</span> 的基本筆形字根全部有：「冂冖⺈<img src="/img/array30-radical/7-久.png" class="radical" alt="行列字根 7-，「久」去掉最末筆畫">刀卩」。<br>                
                                    這些字根全部都因為形狀像一個蓋字，符合基本筆形「蓋 7」，所以歸到基本筆形字根。
                                </p>
                                <p>
                                    字根「冂」，例如出現在「巾」、「丙」、「冊」等字中。「冂」重點只是「蓋」，筆畫是否傾斜、彎曲或末端勾起並不重要，例如「典」、「央」、「用」等字也算使用此字根。<br>
                                    字根「冖」，本身是常用部首，例如出現在「冠」字中。。<br>
                                    字根「⺈」，例如出現在「你」、「兔」、「龜」等字中。<br>
                                    字根「<img src="/img/array30-radical/7-久.png" class="radical" alt="行列字根 7-，「久」去掉最末筆畫">」，例如出現在「久」字中。<br>
                                    字根「刀」，本身是常用字，還有例如出現在「刃」、「召」等字中。<br>
                                    字根「卩」，本身是常用部首，例如出現在「卻」、「卵」等字中。<br>
                                </p>
                            </div>
                            <div class="example">
                                <p>
                                    字根碼為 <span class="radical-code">8-</span> 的基本筆形字根全部有：「八ㄦ<img src="/img/array30-radical/8-全簡.png" class="radical" alt="行列字根 8-，「人」但兩筆畫都沒有凸出">人入亻冫<img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分"><img src="/img/array30-radical/8-承.png" class="radical" alt="行列字根 8-，「承」最末兩筆畫">㇏」。<br>
                                    字根「八ㄦ<img src="/img/array30-radical/8-全簡.png" class="radical" alt="行列字根 8-，「人」但兩筆畫都沒有凸出">人入亻冫<img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分"><img src="/img/array30-radical/8-承.png" class="radical" alt="行列字根 8-，「承」最末兩筆畫">」全部都符合基本筆形「八 8」，所以歸到基本筆形字根。字根「㇏」本身是基本筆形「捺 8」，理所當然也歸到基本筆形字根。
                                </p>
                                <p>
                                    字根「八」，本身是常用字，還有例如出現在「只」、「分」、「恭」、「爸」等字中。<br>
                                    字根「ㄦ」，例如出現在「匹」、「熱」、「窗」、「俊」等字中。<br>
                                    字根「<img src="/img/array30-radical/8-全簡.png" class="radical" alt="行列字根 8-，「人」但兩筆畫都沒有凸出">」，例如出現在「漆」字中。<br>
                                    字根「人」，本身是常用字，還有例如出現在「丙」字中。<br>
                                    字根「入」，本身是常用字，還有例如出現在「兩」字中。<br>
                                    字根「亻」，本身是常用部首偏旁，例如出現在「你」字中。<br>
                                    字根「冫」，本身是常用部首，還有例如出現在「弱」字中。<br>
                                    字根「<img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分">」，例如出現在「旁」、「齊」等字中。<br>
                                    字根「<img src="/img/array30-radical/8-承.png" class="radical" alt="行列字根 8-，「承」最末兩筆畫">」，例如出現在「承」、「飛」、「旅」字中。<br>
                                </p>
                                <p>                
                                    字根「㇏」，例如出現在「瓜」、「尺」、「久」等字中。<br>
                                </p>
                            </div>
                            <div class="example">
                                <p>
                                    字根碼為 <span class="radical-code">9-</span> 的基本筆形字根僅有：「㇒」。<br>
                                    此字根是基本筆形「撇 9」，理所當然歸到基本筆形字根。例如出現在「禾」、「我」、「及」、「老」等字中。<br>
                                </p>
                            </div>
                            <div class="example">
                                <p>
                                    字根碼為 <span class="radical-code">0-</span> 的基本筆形字根僅有：「口」。<br>
                                    此字根是基本筆形「方框 0」，理所當然歸到基本筆形字根。例如出現在「哇」、「足」等字中。<br>
                                </p>
                            </div>
                            <p class="comment">註：行列輸入法可以算是有一個隱藏版的基本筆形字根「卌」，字根碼是 <span class="radical-code">4-</span>，只使用於罕用字「卌」，所以並不是很重要。</p>
                    
                            <p>以上就是基本筆形字根的所有說明。第一次閱讀時千萬不要花心思去硬記這些字根或例字，重點是「看過這些字根與例字」以留下印象，以及「理解為什麼這個字根對應到這個基本筆形、為什麼這個例字有用到這個字根」，這才是最重要的！</p>
                    
                            <div class="example">
                                <p>這裡額外解釋您實際使用基本筆形字根時，可能會遇到的疑惑。<br>如果您是<b>第一次</b>閱讀此教學，<b>可以先跳過這部分，直接往下繼續學習首尾筆形字根</b>，因為此處額外的資訊，可能讓會造成您的混淆，對第一次學習造成反效果。</p>
                                <p>在行列新手時期，您可能會搞混幾個字根碼為 <span class="radical-code">2-</span> 的基本筆形字根和字根碼為 <span class="radical-code">8-</span> 的基本筆形，這裡特別把它集中在一起說明、比較：它們是字根「几<img src="/img/array30-radical/2-殳.png" class="radical" alt="行列字根 2-，「殳」上半部">儿<img src="/img/array30-radical/2-冘.png" class="radical" alt="行列字根 2-，「冘」去掉冖">ㄦ」，前四個字根的字根碼是 <span class="radical-code">2-</span> 而最後一個的是 <span class="radical-code">8-</span>。其實前兩個字根沒問題，因為它們本來就不像「八」有兩個分開的筆形。不過不做任何思考，這幾個基本筆形字根最方便的判斷方法就是：</p>
                                <p>只要是逆彎，字根碼就是 <span class="radical-code">2-</span>，但是字根「ㄦ」例外歸到字根碼 <span class="radical-code">8-</span>。</p>
                    
                                <p>
                                    這裡把前面寫過的例字一起放在這裡，讓您一次比較。<br>
                                    字根「几」，本身是常用字，還有例如出現在「凡」字中。<br>
                                    字根「<img src="/img/array30-radical/2-殳.png" class="radical" alt="行列字根 2-，「殳」上半部">」，例如出現在「投」、「段」等字中。<br>
                                    字根「儿」，例如出現在「元」、「兒」等字中。<br>
                                    字根「<img src="/img/array30-radical/2-冘.png" class="radical" alt="行列字根 2-，「冘」去掉冖">」，例如出現在「沈」、「免」等字中。<br>
                                    字根「ㄦ」，例如出現在「匹」、「熱」、「窗」、「俊」等字中。
                                </p>
                            </div>
                        </div>
                    </section>

                    <!-- 2nd group radicals (SESS) -->
                    <section id="SESS-radical">
                        <h3>{{ appContent.sessRadical.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>現在要來介紹「首尾筆形字根」，是三種類型中的第二種。行列輸入法<u>大多數的字根都是首尾筆形字根</u>，這類字根的字根碼是依據書寫字根時的「首筆形」和「尾筆形」得出來的二位數字（看到基本筆形「口：方框 0」要算一個整體，只有此時可能會跨越筆順，下面會有例子說明不用擔心），所以🤩<b>不需死記</b>🤩就能知道字根碼。下面會實際舉例說明，讓您完全理解首尾筆形字根。</p>
                            <p>由於首尾筆形字根數量相當多，以下僅列出並說明一部份的首尾筆形字根。本站的<a href="radicals-and-examples.html" target="_blank">字根表</a>有完整列出所有字根，絕對是您之後學習行列的好夥伴！不過現在您不必急著研究本站的字根表頁面，因為本行列教學設計成您不需要先具備任何知識，也不需要在閱讀此教學的過程去網路上或是別的網頁中搜尋資料，就能夠順暢且不帶疑惑地從頭讀到尾！</p>
                            <p class="comment">註：看了行列的字根表，不必被行列的字根數量嚇到！因為大多數的字根都是科學地編碼（<a href="#FSS-radical">基本筆形字根</a>、<a href="#SESS-radical">首尾筆形字根</a>），而且拆字也是科學地拆字。易學、幾乎不用死記，這就是行列輸入法地特色！</p>
                    
                            <p>我們首先來看一些本身就是常見中文字的首尾筆形字根。</p>
                            <div class="example">
                                <p>先來看 10 個字根：</p>
                                <p>                
                                    字根「七」的首筆形是「一：橫 1」，尾筆形是「㇗：逆彎 2」，所以字根碼是 <span class="radical-code">12</span>。<br>
                                    字根「女」的首筆形是「㇛：逆彎 2」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">21</span>。<br>
                                    字根「小」的首筆形是「亅：直 3」，尾筆形是「八：八 8」，所以字根碼是 <span class="radical-code">38</span>。<br>
                                    字根「土」的首筆形是「十：正交 4」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">41</span>。<br>
                                    字根「力」的首筆形是「㇆：順彎 5」，尾筆形是「㇒：撇 9」，所以字根碼是 <span class="radical-code">59</span>。<br>
                                    字根「心」的首筆形是「ˊ：點 6」（不是「㇒：撇 9」），尾筆形是「丶：點 6」，所以字根碼是 <span class="radical-code">66</span>。<br>
                                    字根「月」的首筆形是「冂：蓋 7」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">71</span>。<br>
                                    字根「金」的首筆形是「<img src="/img/array30-radical/8-全簡.png" class="radical" alt="行列字根 8-，「人」但兩筆畫都沒有凸出">：八 8」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">81</span>。<br>
                                    字根「身」的首筆形是「㇒：撇 9」，尾筆形是「㇒：撇 9」，所以字根碼是 <span class="radical-code">99</span>。<br>
                                    字根「虫」的首筆形是「口：方框 0」，尾筆形是「丶：點 6」，所以字根碼是 <span class="radical-code">06</span>。
                                </p>
                                <br>
                                <p>我們再看 10 個字根：</p>
                                <p>
                                    字根「匕」的首筆形是「一：橫 1」，尾筆形是「乚：逆彎 2」，所以字根碼是 <span class="radical-code">12</span>。<br>
                                    字根「車」的首筆形是「一：橫 1」，尾筆形是「十：正交 4」，所以字根碼是 <span class="radical-code">14</span>。<br>
                                    字根「夫」的首筆形是「一：橫 1」，尾筆形是「人：八 8」，所以字根碼是 <span class="radical-code">18</span>。<br>
                                    字根「水」的首筆形是「亅：直 3」，尾筆形是「㇏：捺 8」或「<img src="/img/array30-radical/8-承.png" class="radical" alt="行列字根 8-，「承」最末兩筆畫">：八 8」，所以字根碼是 <span class="radical-code">38</span>。<br>
                                    字根「廿」的首筆形是「十：正交 4」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">41</span>。<br>
                                    字根「木」的首筆形是「十：正交 4」，尾筆形是「八：八 8」，所以字根碼是 <span class="radical-code">48</span>。<br>
                                    字根「立」的首筆形是「丶：點 6」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">61</span>。<br>
                                    字是「日」的首筆形是「囗：方框 0」*，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">01</span>。<br>
                                    字根「曰」的首筆形是「囗：方框 0」*，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">01</span>。<br>
                                    字根「田」的首筆形是「囗：方框 0」*，尾筆形是「十：正交 4」，所以字根碼是 <span class="radical-code">04</span>。
                                </p>
                                <p class="comment">註：首尾筆形字根「日」、「曰」、「田」的首筆形不是「<span style="font-family: sans-serif;">ㄇ</span>：蓋 7」，因為這些字根都有方框 0。前面介紹首尾筆形字根時的「看到基本筆形『口：方框 0』要算一個整體」正是這個意思。後面看到含有方框 0 的首尾筆形字根也是同樣道理。</p>
                                <br>
                                <p>想必您已經了解首尾筆形字根是怎麼取字根碼的，這邊是另外 10 個例子，試試看您是不是自己能夠得出它們字根碼：</p>                        
                                <p>
                                    字根「工」的首筆形是「一：橫 1」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">11</span>。<br>
                                    字根「不」的首筆形是「一：橫 1」，尾筆形是「丶：點 6」，所以字根碼是 <span class="radical-code">16</span>。<br>
                                    字根「糸」的首筆形是「㇛：逆彎 2」，尾筆形是「八：八 8」，所以字根碼是 <span class="radical-code">28</span>。<br>
                                    字根「片」的首筆形是「丿：直 3」，尾筆形是「㇕：順彎 5」，所以字根碼是 <span class="radical-code">35</span>。<br>
                                    字根「士」的首筆形是「十：正交 4」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">41</span>。<br>
                                    字根「又」的首筆形是「フ：順彎 5」，尾筆形是「㇏：捺 8」，所以字根碼是 <span class="radical-code">58</span>。<br>
                                    字根「言」的首筆形是「丶：點 6」，尾筆形是「口：方框 0」，所以字根碼是 <span class="radical-code">60</span>。<br>
                                    字根「之」的首筆形是「丶：點 6」，尾筆形是「㇏：捺 8」，所以字根碼是 <span class="radical-code">68</span>。<br>
                                    字根「皿」的首筆形是「<span style="font-family: sans-serif;">ㄇ</span>：蓋 7」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">71</span>。<br>
                                    字根「斤」的首筆形是「㇒：撇 9」，尾筆形是「丨：直 3」，所以字根碼是 <span class="radical-code">93</span>。
                                </p>
                                <br>
                                <p>最後再給您幾個首尾筆形字根，讓您更熟悉取字根碼的原理：</p>
                                <p>
                                    字根「大」的首筆形是「一：橫 1」，尾筆形是「人：八 8」，所以字根碼是 <span class="radical-code">18</span>。<br>
                                    字根「雨」的首筆形是「一：橫 1」，尾筆形是「<img src="/img/array30-radical/8-承.png" class="radical" alt="行列字根 8-，「承」最末兩筆畫">：八 8」，所以字根碼是 <span class="radical-code">18</span>。<br>
                                    字根「止」的首筆形是「丨：直 3」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">31</span>。<br>
                                    字根「卜」的首筆形是「丨：直 3」，尾筆形是「丶：點 6」，所以字根碼是 <span class="radical-code">36</span>。<br>
                                    字根「方」的首筆形是「丶：點 6」，尾筆形是「㇆：順彎 5」，所以字根碼是 <span class="radical-code">65</span>。<br>  
                                    字根「夕」的首筆形是「ク：蓋 7」，尾筆形是「丶：點 6」，所以字根碼是 <span class="radical-code">76</span>。<br>
                                    字根「半」的首筆形是「<img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分">：八 8」，尾筆形是「十：正交 4」，所以字根碼是 <span class="radical-code">84</span>。<br>
                                    字根「火」的首筆形是「<img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分">：八 8」，尾筆形是「人：八 8」，所以字根碼是 <span class="radical-code">88</span>。<br>
                                    字根「米」的首筆形是「<img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分">：八 8」，尾筆形是「八：八 8」，所以字根碼是 <span class="radical-code">88</span>。<br>
                                    字根「臼」的首筆形是「㇒：撇 9」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">91</span>。<br>
                                    字根「手」的首筆形是「㇒：撇 9」，尾筆形是「<img src="/img/array30-radical/4-奉.png" class="radical" alt="行列字根 4-，「奉」末三筆畫">：正交 4」，所以字根碼是 <span class="radical-code">94</span>。<br>
                                    字根「四」的首筆形是「口：方框 0」，尾筆形是「ㄦ：八 8」，所以字根碼是 <span class="radical-code">08</span>。
                                </p>
                                <p>
                                    字根「風」也是首尾筆形字根，它的首筆形要看作「𠘨：逆彎 2」。當然，它的尾筆形是「丶：點 6」，所以字根碼是 <span class="radical-code">26</span>。
                                </p>
                                <p>
                                    另外，有個罕用的中文字「<img src="/img/array30-radical/98乑.png" class="radical" alt="行列字根 98，「乑」">」也是一個首尾筆形字根。它的首筆形是「㇒：撇 9」，尾筆形是「<img src="/img/array30-radical/8-承.png" class="radical" alt="行列字根 8-，「承」最末兩筆畫">：八 8」，所以字根碼是 <span class="radical-code">98</span>。            
                                </p> 
                            </div>
                            <p>閱讀完上面的首尾筆形字根範例，您基本上已經完全理解首尾筆形字根的原理了。這裡再列出一些一樣也是中文字、但比較少見或是通常作為偏旁出現的首尾筆形字根。</p>
                            <div class="example">
                                <p>
                                    字根「匚」的首筆形是「一：橫 1」，尾筆形是「㇗：逆彎 2」，所以字根碼是 <span class="radical-code">12</span>。<br>
                                    字根「镸」的首筆形是「一：橫 1」，尾筆形是「丶：點 6」，所以字根碼是 <span class="radical-code">16</span>。<br>
                                    字根「ㄠ」的首筆形是「㇛：逆彎 2」，尾筆形是「丶：點 6」，所以字根碼是 <span class="radical-code">26</span>。<br>
                                    字根「爿」的首筆形是「㇗：逆彎 2」，尾筆形是「㇒：撇 9」，所以字根碼是 <span class="radical-code">29</span>。<br>
                                    字根「虍」的首筆形是「丨：直 3」，尾筆形是「㇗：逆彎 2」，所以字根碼是 <span class="radical-code">32</span>。<br>
                                    字根「刂」的首筆形是「丨：直 3」，尾筆形是「亅：直 3」，所以字根碼是 <span class="radical-code">33</span>。<br>
                                    字根「阝」的首筆形是「㇖：順彎 5」，尾筆形是「丨：直 3」，所以字根碼是 <span class="radical-code">53</span>。<br>
                                    字根「尸」的首筆形是「㇕：順彎 5」，尾筆形是「㇒：撇 9」，所以字根碼是 <span class="radical-code">59</span>。<br>
                                    字根「亠」的首筆形是「丶：點 6」，尾筆形是「一：橫 1」，所以字根碼是 <span class="radical-code">61</span>。<br>
                                    字根「<img src="/img/array30-radical/66忄.png" class="radical" alt="行列字根 66，「忄」">」的首筆形是「ˊ：點 6」（不是「㇒：撇 9」），尾筆形是「丶：點 6」，所以字根碼是 <span class="radical-code">66</span>。（於是「心<img src="/img/array30-radical/66忄.png" class="radical" alt="行列字根 66，「忄」">」字根碼都是 <span class="radical-code">66</span>）<br>
                                    字根「宀」的首筆形是「丶：點 6」，尾筆形是「冖：蓋 7」，所以字根碼是 <span class="radical-code">67</span>。<br>
                                    字根「辶」的首筆形是「丶：點 6」，尾筆形是「㇏：捺 8」，所以字根碼是 <span class="radical-code">68</span>。<br>
                                    字根「广」的首筆形是「丶：點 6」，尾筆形是「㇒：撇 9」，所以字根碼是 <span class="radical-code">69</span>。<br>
                                    字根「<img src="/img/array30-radical/88㡀.png" class="radical" alt="行列字根 88，「敝」左半部">」的首筆形是「<img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分">：八 8」，尾筆形是「八：八 8」，所以字根碼是 <span class="radical-code">88</span>。<br>
                                    字根「气」的首筆形是「㇒：撇 9」，尾筆形是「⺄：逆彎 2」，所以字根碼是 <span class="radical-code">92</span>。<br>
                                    字根「勹」的首筆形是「㇒：撇 9」，尾筆形是「㇆：順彎 5」，所以字根碼是 <span class="radical-code">95</span>。<br>
                                    字根「彳」的首筆形是「㇒：撇 9」，尾筆形是「亻：八 8」，所以字根碼是 <span class="radical-code">98</span>。<br>            
                                    字根「攵」的首筆形是「㇒：撇 9」，尾筆形是「㇏：捺 8」，所以字根碼是 <span class="radical-code">98</span>。<br>
                                    字根「豸」的首筆形是「㇒：撇 9」，尾筆形是「㇒：撇 9」，所以字根碼是 <span class="radical-code">99</span>。<br>
                                    字根「<img src="/img/array30-radical/99犭.png" class="radical" alt="行列字根 99，「犭」">」的首筆形是「㇒：撇 9」，尾筆形是「㇒：撇 9」，所以字根碼是 <span class="radical-code">99</span>。<br>
                                </p>            
                            </div>
                    
                            <p>看完上面一些本身是常用中文字或部首偏旁的首尾筆形字根後，我們繼續來看一些「時常只是字的一部份，但您一看就可以想到在哪些中文字會出現」的首尾筆形字根。相信您已經完全了解字根碼的原理了，下面就直接寫出首尾筆形字根的字根碼，而不說明過程。</p>
                            <p>如同<a href="#FSS-radical">基本筆形字根</a>的教學，第一次閱讀「<a href="#SESS-radical">首尾筆形字根</a>」這部分的教學時千萬不要花心思去硬記這些字根或例字，重點是「看過這些字根與例字」以留下印象，以及「理解為什麼這個字根的字根碼是這樣、為什麼這個例字有用到這個字根」，這才是最重要的！</p>
                    
                            <div class="example">
                                <p>
                                    字根「<img src="/img/array30-radical/11長.png" class="radical" alt="行列字根 11，「長」去掉最末三筆畫">」，字根碼為 <span class="radical-code">11</span>。例如它出現在「長」字中。<br>
                                    字根「<img src="/img/array30-radical/11龍.png" class="radical" alt="行列字根 11，「龍」右半部">」，字根碼為 <span class="radical-code">11</span>。例如它出現在「龍」字中。<br>
                                    字根「<img src="/img/array30-radical/12瓦.png" class="radical" alt="行列字根 12，「瓦」去掉點">」，字根碼為 <span class="radical-code">12</span>。例如它出現在「瓦」字中。<br>
                                    字根「<img src="/img/array30-radical/14甫.png" class="radical" alt="行列字根 14，「甫」去掉點">」，字根碼為 <span class="radical-code">14</span>。例如它出現在「甫」字中。<br>
                                    字根「<img src="/img/array30-radical/14曹.png" class="radical" alt="行列字根 14，「曹」去掉日">」，字根碼為 <span class="radical-code">14</span>。例如它出現在「曹」字中。<br>                
                                    字根「<img src="/img/array30-radical/16惠.png" class="radical" alt="行列字根 16，「惠」去掉心">」，字根碼為 <span class="radical-code">16</span>。例如它出現在「惠」、「專」等字字中。<br>
                                    字根「ㄊ」，字根碼為 <span class="radical-code">16</span>。例如它出現在「充」、「育」等字中。<br>
                                    字根「<img src="/img/array30-radical/18春.png" class="radical" alt="行列字根 18，「春」去掉日">」，字根碼為 <span class="radical-code">18</span>。例如它出現在「春」、「秦」等字中。<br>
                                    字根「<img src="/img/array30-radical/19與.png" class="radical" alt="行列字根 19，「與」上半部中間">」，字根碼為 <span class="radical-code">19</span>。例如它出現在「與」字中。<br>
                                    字根「彑」，字根碼為 <span class="radical-code">21</span>。例如它出現在「互」、「彙」、「綠」等字中。<br>
                                    字根「<img src="/img/array30-radical/22巛.png" class="radical" alt="行列字根 22，「巛」">」，字根碼為 <span class="radical-code">22</span>。例如它出現在「巡」、「巢」、「蠟」等字中。<br>
                                    字根「<img src="/img/array30-radical/22鼠.png" class="radical" alt="行列字根 22，「鼠」下半部">」，字根碼為 <span class="radical-code">22</span>。例如它出現在「鼠」、「蠟」等字中。<br>
                                    字根「<img src="/img/array30-radical/22巜.png" class="radical" alt="行列字根 22，「巜」">」，字根碼為 <span class="radical-code">22</span>。例如它出現在波光粼粼的「粼」字中。<br>
                                    字根「<img src="/img/array30-radical/25母.png" class="radical" alt="行列字根 25，「母」前兩筆畫">」，字根碼為 <span class="radical-code">25</span>。例如它出現在「母」字中。<br>
                                    字根「厶」，字根碼為 <span class="radical-code">26</span>。例如它出現在「私」、「云」、「允」等字中。<br>                
                                    字根「<img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線">」，字根碼為 <span class="radical-code">26</span>。例如它出現在「戈」、「我」、「或」等字中。<br>
                                    字根「<img src="/img/array30-radical/26弋.png" class="radical" alt="行列字根 26，「弋」去掉橫線">」，字根碼為 <span class="radical-code">26</span>。例如它出現在「弋」、「代」等字中。<br>
                                    字根「<img src="/img/array30-radical/28衣.png" class="radical" alt="行列字根 28，「衣」去掉前三筆畫">」，字根碼為 <span class="radical-code">28</span>。例如它出現在「長」、「衣」、「食」等字中。<br>
                                    字根「<img src="/img/array30-radical/29戈.png" class="radical" alt="行列字根 29，「戈」去掉橫線再去掉點">」，字根碼為 <span class="radical-code">29</span>。例如它出現在「洩」、「跩」等字中。<br>                
                                    字根「<img src="/img/array30-radical/31北.png" class="radical" alt="行列字根 31，「北」左半邊">」，字根碼為 <span class="radical-code">31</span>。例如它出現在「北」、「乘」等字中。<br>
                                    字根「<img src="/img/array30-radical/31非左.png" class="radical" alt="行列字根 31，「非」左半邊">」，字根碼為 <span class="radical-code">31</span>。例如它出現在「非」、「排」等字中。<br>
                                    字根「<img src="/img/array30-radical/31非右.png" class="radical" alt="行列字根 31，「非」右半邊">」，字根碼為 <span class="radical-code">31</span>。例如它出現在「非」、「悲」等字中。<br>                
                                    字根「<img src="/img/array30-radical/33淵.png" class="radical" alt="行列字根 33，「淵」右半邊">」，字根碼為 <span class="radical-code">33</span>。例如它出現在「淵」、「肅」等字中。<br>
                                    字根「<img src="/img/array30-radical/33亞.png" class="radical" alt="行列字根 33，「亞」去掉上下兩橫線">」，字根碼為 <span class="radical-code">33</span>。例如它出現在「亞」、「壺」等字中。<br>                
                                    字根「<img src="/img/array30-radical/35凹.png" class="radical" alt="行列字根 35，「凹」去掉底部橫線">」，字根碼為 <span class="radical-code">35</span>。例如它出現在「凹」、「雋」等字中。<br>
                                    字根「<img src="/img/array30-radical/35凸.png" class="radical" alt="行列字根 35，「凸」去掉底部橫線">」，字根碼為 <span class="radical-code">35</span>。例如它出現在「凸」字中。<br>
                                    字根「⺗」，字根碼為 <span class="radical-code">36</span>。例如它出現在「恭」、「添」等字中。<br>
                                    字根「氺」，字根碼為 <span class="radical-code">38</span>。例如它出現在「泰」、「漆」、「遲」等字中。<br>
                                    字根「⺌」，字根碼為 <span class="radical-code">38</span>。例如它出現在「當」、「常」、「肖」等字中。<br>
                                    字根「<img src="/img/array30-radical/38龰.png" class="radical" alt="行列字根 38，「龰」">」，字根碼為 <span class="radical-code">38</span>。例如它出現在「走」、「定」等字中。<br>
                                    字根「<img src="/img/array30-radical/39步.png" class="radical" alt="行列字根 39，「步」去掉止">」，字根碼為 <span class="radical-code">39</span>。例如它出現在「步」、「賓」等字中。<br>
                                    字根「<img src="/img/array30-radical/40革.png" class="radical" alt="行列字根 40，「革」去掉最末兩筆畫">」，字根碼為 <span class="radical-code">40</span>。例如它出現在「革」、「難」等字中。<br>
                                    字根「<img src="/img/array30-radical/41黃.png" class="radical" alt="行列字根 41，「黃」田上面的部分">」，字根碼為 <span class="radical-code">41</span>。例如它出現在「黃」字中。<br>                
                                    字根「<img src="/img/array30-radical/41其.png" class="radical" alt="行列字根 41，「其」去掉末三筆畫">」，字根碼為 <span class="radical-code">41</span>。例如它出現在「其」、「基」等字中。<br>
                                    字根「<img src="/img/array30-radical/41冓.png" class="radical" alt="行列字根 41，「冓」上半部">」，字根碼為 <span class="radical-code">41</span>。例如它出現在「講」字中。<br>
                                    字根「<img src="/img/array30-radical/42帶.png" class="radical" alt="行列字根 42，「帶」冖上面">」，字根碼為 <span class="radical-code">42</span>。例如它出現在「帶」字中。<br>
                                    字根「<img src="/img/array30-radical/47壺.png" class="radical" alt="行列字根 47，「壺」只保留士和冖">」，字根碼為 <span class="radical-code">47</span>。例如它出現在「壺」、「壹」、「殼」等字中。<br>
                                    字根「<img src="/img/array30-radical/48沭.png" class="radical" alt="行列字根 48，「述」去掉辶再去掉點">」，字根碼為 <span class="radical-code">48</span>。例如它出現在「述」、「術」等字中。<br>
                                    字根「<img src="/img/array30-radical/53皮.png" class="radical" alt="行列字根 53，「皮」去掉又">」，字根碼為 <span class="radical-code">53</span>。例如它出現在「皮」字中。<br>
                                    字根「<img src="/img/array30-radical/55鼎.png" class="radical" alt="行列字根 55，「鼎」去掉目">」，字根碼為 <span class="radical-code">55</span>。例如它出現在「鼎」字中。<br>
                                    字根「<img src="/img/array30-radical/56即.png" class="radical" alt="行列字根 56，「即」左半邊">」，字根碼為 <span class="radical-code">56</span>。例如它出現在「即」、「餓」等字中。<br>
                                    字根「マ」，字根碼為 <span class="radical-code">56</span>。例如它出現在「令」、「予」等字中。<br>
                                    字根「<img src="/img/array30-radical/58永.png" class="radical" alt="行列字根 58，「永」去掉第一筆畫">」，字根碼為 <span class="radical-code">58</span>。例如它出現在「永」字中。<br>
                                    字根「癶」，字根碼為 <span class="radical-code">58</span>。例如它出現在「發」字中。<br>
                                    字根「<img src="/img/array30-radical/58羽.png" class="radical" alt="行列字根 58，「羽」左半邊">」，字根碼為 <span class="radical-code">58</span>。例如它出現在「羽」字中。<br>                
                                    字根「<img src="/img/array30-radical/59眉.png" class="radical" alt="行列字根 59，「眉」去掉目">」，字根碼為 <span class="radical-code">59</span>。例如它出現在「眉」、「聲」等字中。<br>
                                </p>
                                <br>
                                <p>哇嗚，看了不少字根了！這些幾乎都是「您一看就可以想到在哪些中文字會出現」的首尾筆形字根，所以例字幾乎還沒看都想得到！我們繼續看下去 😄：</p>
                                <p>
                                    字根「<img src="/img/array30-radical/60贏.png" class="radical" alt="行列字根 60，「贏」只保留亡和口">」，字根碼為 <span class="radical-code">60</span>。例如它出現在「贏」字中。<br>
                                    字根「<img src="/img/array30-radical/61隹.png" class="radical" alt="行列字根 61，「隹」去掉亻">」，字根碼為 <span class="radical-code">61</span>。例如它出現在「隹」、「誰」、「隻」等字中。<br>                
                                    字根「<img src="/img/array30-radical/63神.png" class="radical" alt="行列字根 63，「礻」去掉最後一筆劃">」，字根碼為 <span class="radical-code">63</span>。例如它出現在「礻」、「衤」等字中。<br>
                                    字根「<img src="/img/array30-radical/69產.png" class="radical" alt="行列字根 69，「產」去掉生">」，字根碼為 <span class="radical-code">69</span>。例如它出現在「產」字中。<br>
                                    字根「<img src="/img/array30-radical/71直.png" class="radical" alt="行列字根 71，「直」去掉十再去掉底部橫線" title="行列字根 71，「直」去掉十再去掉底部橫線">」，字根碼為 <span class="radical-code">71</span>。例如它出現在「直」、「縣」等字中。<br>
                                    字根「<img src="/img/array30-radical/71且.png" class="radical" alt="行列字根 71，「且」去掉底部橫線">」，字根碼為 <span class="radical-code">71</span>。例如它出現在「且」字中。<br>
                                    字根「<img src="/img/array30-radical/74魚.png" class="radical" alt="行列字根 74，「魚」去掉四點">」，字根碼為 <span class="radical-code">74</span>。例如它出現在「魚」字中。<br>
                                    字根「<img src="/img/array30-radical/76祭.png" class="radical" alt="行列字根 76，「炙」去掉火">」，字根碼為 <span class="radical-code">76</span>（因為尾筆形算是「丶 ：點 6 」不是「八 8 」）。例如它出現在「炙」、「然」、「將」等字中。<br>                
                                    字根「禸」，字根碼為 <span class="radical-code">76</span>。例如它出現在「偶」、「禹」等字中。<br>
                                    字根「<img src="/img/array30-radical/76舟.png" class="radical" alt="行列字根 76，「舟」去掉第一筆畫">」，字根碼為 <span class="radical-code">76</span>。例如它出現在「舟」字中。<br>
                                    字根「<img src="/img/array30-radical/78祭.png" class="radical" alt="行列字根 78，「祭」去掉示">」，字根碼為 <span class="radical-code">78</span>。例如它出現在「祭」字中。<br>
                                    字根「<img src="/img/array30-radical/81合.png" class="radical" alt="行列字根 81，「合」去掉口">」，字根碼為 <span class="radical-code">81</span>。例如它出現在「合」、「食」、「會」等字中。<br>
                                    字根「<img src="/img/array30-radical/83齒.png" class="radical" alt="行列字根 83，「齒」去掉止">」，字根碼為 <span class="radical-code">83</span>。例如它出現在「齒」字中。<br>
                                    字根「<img src="/img/array30-radical/91段.png" class="radical" alt="行列字根 91，「段」左半部">」，字根碼為 <span class="radical-code">91</span>。例如它出現在「段」字中。<br>
                                    字根「<img src="/img/array30-radical/91告.png" class="radical" alt="行列字根 91，「告」去掉口">」，字根碼為 <span class="radical-code">91</span>。例如它出現在「告」、「先」等字中。<br>                
                                    字根「<img src="/img/array30-radical/91微.png" class="radical" alt="行列字根 91，「微」保留彳山一">」，字根碼為 <span class="radical-code">91</span>。例如它出現在「微」、「徵」等字中。<br>
                                    字根「<img src="/img/array30-radical/92鬼.png" class="radical" alt="行列字根 92，「鬼」去掉厶">」，字根碼為 <span class="radical-code">92</span>。例如它出現在「鬼」字中。<br>
                                    字根「<img src="/img/array30-radical/92流.png" class="radical" alt="行列字根 92，「流」右下部分">」，字根碼為 <span class="radical-code">92</span>。例如它出現在「流」字中。<br>
                                    字根「<img src="/img/array30-radical/93丘.png" class="radical" alt="行列字根 93，「丘」去掉底部橫線">」，字根碼為 <span class="radical-code">93</span>。例如它出現在「丘」、「兵」等字中。<br>
                                    字根「<img src="/img/array30-radical/94拜.png" class="radical" alt="行列字根 94，「拜」左半部">」，字根碼為 <span class="radical-code">94</span>。例如它出現在「拜」字中。<br>
                                    字根「<img src="/img/array30-radical/95鳥.png" class="radical" alt="行列字根 95，「鳥」去掉四點">」，字根碼為 <span class="radical-code">95</span>。例如它出現在「鳥」字中。<br>
                                    字根「<img src="/img/array30-radical/95烏.png" class="radical" alt="行列字根 95，「烏」去掉四點">」，字根碼為 <span class="radical-code">95</span>。例如它出現在「烏」字中。<br>                
                                    字根「<img src="/img/array30-radical/98豕.png" class="radical" alt="行列字根 98，「豕」去掉第一筆畫">」，字根碼為 <span class="radical-code">98</span>。例如它出現在「豕」字中。<br>
                                    字根「爫」，字根碼為 <span class="radical-code">99</span>。例如它出現在「采」、「愛」等字中。<br>
                                    字根「⺁」，字根碼為 <span class="radical-code">99</span>。例如它出現在「瓜」、「爪」、「盾」等字中。<br>
                                    字根「彡」，字根碼為 <span class="radical-code">99</span>。例如它出現在「髮」、「顏」、「彩」等字中。<br>
                                    字根「<img src="/img/array30-radical/01酉.png" class="radical" alt="行列字根 01，「酉」去掉第一筆畫">」，字根碼為 <span class="radical-code">01</span>。例如它出現在「酉」、「醒」等字中。<br>
                                    字根「<img src="/img/array30-radical/01黑.png" class="radical" alt="行列字根 01，「黑」去掉下面四點">」，字根碼為 <span class="radical-code">01</span>。例如它出現在「黑」字中。<br>
                                    字根「<img src="/img/array30-radical/08西.png" class="radical" alt="行列字根 08，「西」去掉第一筆畫">」，字根碼為 <span class="radical-code">08</span>。例如它出現在「西」、「煙」等字中。<br>
                                </p>
                            </div>                    
                            <p>上面看到的首尾筆形字根都是一看到大概就能想到實際應用例子的字根。現在舉一些沒有解說的話，您可能第一次看會不知道用在哪裡、或是出現在字裡的方式有可能是您直覺不會想到的首尾筆形字根。</p>                    
                            <div class="example">
                                <p>
                                    字根「<img src="/img/array30-radical/10可.png" class="radical" alt="行列字根 10，「可」去掉最末筆畫">」，字根碼為 <span class="radical-code">10</span>。例如它出現在「豆」、「可」、「或」、「事」等字中。<br> 
                                    字根「<img src="/img/array30-radical/12毛.png" class="radical" alt="行列字根 12，「毛」去掉第一筆畫">」，字根碼為 <span class="radical-code">12</span>。例如它出現在「毛」字中。<br>
                                    字根「<img src="/img/array30-radical/12越.png" class="radical" alt="行列字根 12，「戉」前兩筆畫">」，字根碼為 <span class="radical-code">12</span>。例如它出現在「越」字中。<br>
                                    字根「<img src="/img/array30-radical/13韋.png" class="radical" alt="行列字根 13，「韋」口下面的部分">」，字根碼為 <span class="radical-code">13</span>。例如它出現在「韋」、「舛」等字中。<br>
                                    字根「<img src="/img/array30-radical/14年.png" class="radical" alt="行列字根 14，「年」去掉前兩筆畫">」，字根碼為 <span class="radical-code">14</span>。例如它出現在「年」字中。<br>
                                    字根「<img src="/img/array30-radical/16母.png" class="radical" alt="行列字根 16，「母」去掉前兩筆畫">」，字根碼為 <span class="radical-code">16</span>。例如它出現在「母」字中。<br>
                                    字根「厂」，字根碼為 <span class="radical-code">19</span>。例如它出現在「雁」、「反」、「成」、「藏」等字中。<br>
                                    字根「<img src="/img/array30-radical/19尤.png" class="radical" alt="行列字根 19，「尤」前兩筆畫">」，字根碼為 <span class="radical-code">19</span>。例如它出現在「在」、「尤」、「拔」等字中。<br>
                                    字根「<img src="/img/array30-radical/19看.png" class="radical" alt="行列字根 19，「看」去掉第一筆畫再去掉目">」，字根碼為 <span class="radical-code">19</span>。例如它出現在「看」字中。<br>
                                    字根「丱」，字根碼為 <span class="radical-code">21</span>。例如它出現在「聯」、「關」等字中。<br>
                                    字根「<img src="/img/array30-radical/26瓜.png" class="radical" alt="行列字根 26，「瓜」第三四筆畫">」，字根碼為 <span class="radical-code">26</span>。例如它出現在「以」字簡體寫法、「瓜」字中。<br>                
                                    字根「<img src="/img/array30-radical/29亥.png" class="radical" alt="行列字根 29，「亥」第三四筆畫">」，字根碼為 <span class="radical-code">29</span>。例如它出現在「亥」、「鄉」等字中。<br>                
                                    字根「⺊」，字根碼為 <span class="radical-code">31</span>。例如它出現在「上」、「占」、「鹵」等字中。<br>
                                    字根「<img src="/img/array30-radical/31乍.png" class="radical" alt="行列字根 31，「乍」去掉前兩筆畫">」，字根碼為 <span class="radical-code">31</span>。例如它出現在「乍」字中。<br>  
                                    字根「<img src="/img/array30-radical/33介.png" class="radical" alt="行列字根 33，「介」去掉前兩筆畫">」，字根碼為 <span class="radical-code">33</span>。例如它出現在「介」、「川」等字中。<br>
                                    字根「<img src="/img/array30-radical/33而.png" class="radical" alt="行列字根 33，「而」下半部中間兩直線">」，字根碼為 <span class="radical-code">33</span>。例如它出現在「而」字中。<br>
                                    字根「<img src="/img/array30-radical/38並.png" class="radical" alt="行列字根 38，「業」最初四筆畫">」，字根碼為 <span class="radical-code">38</span>。例如它出現在「並」、「業」等字中。<br>
                                    字根「<img src="/img/array30-radical/38亦.png" class="radical" alt="行列字根 38，「亦」去掉亠">」，字根碼為 <span class="radical-code">38</span>。例如它出現在「亦」、「兼」等字中。<br>
                                    字根「<img src="/img/array30-radical/38眔.png" class="radical" alt="行列字根 38，「眔」去掉罒">」，字根碼為 <span class="radical-code">38</span>。例如它出現在罕用字「眔」中。<br>                
                                    字根「<img src="/img/array30-radical/41青.png" class="radical" alt="行列字根 41，「青」去掉月">」，字根碼為 <span class="radical-code">41</span>。例如它出現在「青」、「害」等字中。<br>
                                    字根「<img src="/img/array30-radical/41共.png" class="radical" alt="行列字根 41，「共」去掉兩點">」，字根碼為 <span class="radical-code">41</span>。例如它出現在「共」、「恭」、「典」等字中。<br>
                                    字根「<img src="/img/array30-radical/41無.png" class="radical" alt="行列字根 41，「無」去掉最初兩筆畫和下面四點">」，字根碼為 <span class="radical-code">41</span>。例如它出現在「無」字中。<br>
                                    字根「<img src="/img/array30-radical/51尹.png" class="radical" alt="行列字根 51，「尹」去掉最末一筆劃">」，字根碼為 <span class="radical-code">51</span>。例如它出現在「雪」、「書」、「兼」等字中。<br>
                                    字根「彐」，字根碼為 <span class="radical-code">51</span>。例如它出現在「良」、「很」、「繩」等字中。<br>
                                    字根「<img src="/img/array30-radical/51彐日.png" class="radical" alt="行列字根 51，「彐」底部橫線凸出">」，字根碼為 <span class="radical-code">51</span>。例如它出現在「录」、「彞」等字中。<br>
                                    字根「<img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」">」，字根碼為 <span class="radical-code">51</span>。例如它出現在「假」的右上方、「巴」、「弓」、「臣」、「包」等字中。<br>
                                    字根「<img src="/img/array30-radical/51夬.png" class="radical" alt="行列字根 51，「夬」前兩筆畫">」，字根碼為 <span class="radical-code">51</span>。例如它出現在「候」、「快」等字中。<br>
                                    字根「<img src="/img/array30-radical/51五.png" class="radical" alt="行列字根 51，「五」去掉首筆畫">」，字根碼為 <span class="radical-code">51</span>。例如它出現在「韋」、「五」等字中。<br>
                                    字根「廴」，字根碼為 <span class="radical-code">58</span>。例如它出現在「延」、「及」等字中。<br>
                                </p>
                                <br>
                                <p>這些首尾筆形字根雖然可能第一次看不知道用在哪裡、或是出現在字裡的方式您直覺不會想到，不過其實讀過一次本教學，您馬上就學會啦！我們繼續看下去 😆：</p>
                                <p>
                                    字根「<img src="/img/array30-radical/61鹿.png" class="radical" alt="行列字根 61，「鹿」去掉比">」，字根碼為 <span class="radical-code">61</span>。例如它出現在「鹿」、「慶」等字中。<br>    
                                    字根「<img src="/img/array30-radical/77冎.png" class="radical" alt="行列字根 77，「冎」">」，字根碼為 <span class="radical-code">77</span>。例如它出現在「過」、「骨」、「體」等字中。<br>
                                    字根「<img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」">」，字根碼為 <span class="radical-code">81</span>。例如它出現在「前」、「並」、「羊」、「養」、「豆」、「幸」、「業」、「達」等字中。<br>
                                    字根「<img src="/img/array30-radical/84平.png" class="radical" alt="行列字根 84，「平」去掉第一筆畫">」，字根碼為 <span class="radical-code">84</span>。例如它出現在「平」字中。<br>
                                    字根「<img src="/img/array30-radical/84乎.png" class="radical" alt="行列字根 84，「乎」去掉第一筆畫">」，字根碼為 <span class="radical-code">84</span>。例如它出現在「乎」字中。<br>
                                    字根「<img src="/img/array30-radical/88求.png" class="radical" alt="行列字根 88，「求」第三到六筆畫">」，字根碼為 <span class="radical-code">88</span>。例如它出現在「求」、「兆」、「率」等字中。<br>                
                                    字根「𦥑」，字根碼為 <span class="radical-code">91</span>。例如它出現在「叟」、「搜」等字中。<br>
                                    字根「<img src="/img/array30-radical/91與.png" class="radical" alt="行列字根 91，「學」冖上面部分去掉兩個ㄨ">」，字根碼為 <span class="radical-code">91</span>。例如它出現在「學」、「興」等字中。<br>
                                    字根「<img src="/img/array30-radical/91印.png" class="radical" alt="行列字根 91，「印」左半部">」，字根碼為 <span class="radical-code">91</span>。例如它出現在「印」等字中。<br>
                                    字根「<img src="/img/array30-radical/91生.png" class="radical" alt="行列字根 91，「生」最初兩筆畫">」，字根碼為 <span class="radical-code">91</span>。例如它出現在「乞」、「每」、「旅」、「牛」、「特」、「生」、「年」、「乍」、「缺」等字中。<br>
                                    字根「<img src="/img/array30-radical/91重.png" class="radical" alt="行列字根 91，「重」去掉中間的曰">」，字根碼為 <span class="radical-code">91</span>。例如它出現在「重」字中。<br>
                                    字根「<img src="/img/array30-radical/92氏.png" class="radical" alt="行列字根 92，「氏」最初兩筆畫">」，字根碼為 <span class="radical-code">92</span>。例如它出現在「迎」、「卵」、「留」、「劉」、「氏」、「旅」等字中。<br>
                                    字根「<img src="/img/array30-radical/95方.png" class="radical" alt="行列字根 95，「沒」右上方部分">」，字根碼為 <span class="radical-code">95</span>。例如它出現在「沒」字中。<br>
                                    字根「乂」，字根碼為 <span class="radical-code">98</span>。例如它出現在「父」、「爽」、「學」、「龜」等字中。<br>
                                    字根「<img src="/img/array30-radical/99勿.png" class="radical" alt="行列字根 99，「勿」去掉前兩筆畫">」，字根碼為 <span class="radical-code">99</span>。例如它出現在「勿」字中。<br>
                                    字根「<img src="/img/array30-radical/01婁.png" class="radical" alt="行列字根 01，「曰」但中間橫線有凸出兩邊">」，字根碼為 <span class="radical-code">01</span>。例如它出現在「婁」字中。<br>
                                    字根「<img src="/img/array30-radical/03串.png" class="radical" alt="行列字根 03，「罒」但中間只有一條豎線">」，字根碼為 <span class="radical-code">03</span>。例如它出現在「象」字中。<br>
                                    字根「<img src="/img/array30-radical/08溫.png" class="radical" alt="行列字根 08，「溫」右上部分">」，字根碼為 <span class="radical-code">08</span>。例如它出現在「溫」、「蠟」等字中。<br>
                                    字根「<img src="/img/array30-radical/08曾.png" class="radical" alt="行列字根 08，「曾」去掉最初兩筆畫再去掉日">」，字根碼為 <span class="radical-code">08</span>。例如它出現在「會」、「曾」等字中。<br>
                                    字根「<img src="/img/array30-radical/08曾(1).png" class="radical" alt="行列字根 08，「曾」去掉最初兩筆畫再去掉日再去掉中間豎線">」，字根碼為 <span class="radical-code">08</span>。例如它出現在「柬」、「練」等字中。<br>
                                </p>            
                            </div>
                            <p class="comment">註：行列輸入法可以算是有一個隱藏版的首尾筆形字根「乡」，字根碼是 <span class="radical-code">29</span>，例如出現在「鄉」字中。不過以行列輸入法的設計初衷，「乡」應該拆成「㇛ <span class="radical-code">2-</span>、<img src="/img/array30-radical/29亥.png" class="radical" alt="行列字根 29，「亥」第三四筆畫">  <span class="radical-code">29</span>」才對。</p>
                            <br>
                            <p>最後，我們要來看一些首筆形或尾筆形要稍加注意的首尾筆形字根。</p>
                            <p>下面這四個首尾筆形字根的首筆形都是「丨：直 3」，這是行列字根法設計之初的標準筆順，可能與<a href="https://stroke-order.learningweb.moe.edu.tw/characters.do?lang=zh_TW" target="_blank">現今標準筆順</a>不同、或是和個人書寫習慣不同。</p>
                    
                            
                            <div class="example">
                                <p>
                                    字根「門」，首筆形這裡取「丨：直 3」，尾筆形是「一：橫 1」，所以字根碼為 <span class="radical-code">31</span>。<br>
                                    字根「<img src="/img/array30-radical/31假.png" class="radical" alt="行列字根 31，「假」中間部分">」，首筆形這裡取「丨：直 3」，尾筆形是「一：橫 1」，所以字根碼為 <span class="radical-code">31</span>。例如它出現在「假」字中。<br>
                                    字根「<img src="/img/array30-radical/31官.png" class="radical" alt="行列字根 31，「官」去掉宀">」，首筆形這裡取「丨：直 3」，尾筆形是「一：橫 1」，所以字根碼為 <span class="radical-code">31</span>。例如它出現在「官」、「阜」、「歸」等字中。<br>
                                    字根「鬥」，首筆形這裡取「丨：直 3」，尾筆形是「亅：直 3」，所以字根碼為 <span class="radical-code">33</span>。<br>               
                                </p>
                            </div>
                            <p>而下面這兩個首尾筆形字根的尾筆形都是「一：橫 1」，同樣地，這是取於行列字根法設計之初的標準筆順，可能與<a href="https://stroke-order.learningweb.moe.edu.tw/characters.do?lang=zh_TW" target="_blank">現今標準筆順</a>不同、或是和個人書寫習慣不同。</p>
                            <div class="example">
                                
                                <p>
                                    字根「<img src="/img/array30-radical/31耳.png" class="radical" alt="行列字根 31，「耳」去掉第一筆畫">」，首筆形是「丨：直 3」，尾筆形是「一：橫 1」，所以字根碼為 <span class="radical-code">31</span>。例如它出現在「耳」、「聽」等字中。<br>
                                    字根「<img src="/img/array30-radical/31囬.png" class="radical" alt="行列字根 31，「囬」去掉囗">」，首筆形是「丨：直 3」，尾筆形是「一：橫 1」，所以字根碼為 <span class="radical-code">31</span>。例如它出現在「面」、「齊」等字中。
                                </p>
                            </div>
                            <p>以上這六個首尾筆形字根，如果您的書寫筆畫順序和上述不同，那您只好把它們記起來了。不過，上面都特別幫您把原因寫出來幫助您理解，也把這六個字根一起列出來加深您印象，基本上您不用死記任何東西！（而且這些字根的字根碼都是以 3 開頭，並且除了「鬥」是 <span class="radical-code">33</span> 外，其他都是 <span class="radical-code">31</span>。）</p>
                    
                            <p>最後，介紹一些首尾筆形類的簡體字根。這些字根的字根碼一樣也是透過首尾筆形產生的，只是這些字根基本上只會在簡體字裡出現，所以叫做簡體字根。如果您不會使用到簡體字，可以跳過這段不看。</p>
                            <div class="example">
                                <p>首尾筆形類的簡體字根：</p>
                                <p>
                                    字根「<img src="/img/array30-radical/12长.png" class="radical radical-sc" alt="行列字根 12，「长」去掉兩斜線">」，字根碼為 <span class="radical-code">12</span>。例如它出現在「长」字中。<br>
                                    字根「<img src="/img/array30-radical/12東.png" class="radical radical-sc" alt="行列字根 12，「东」前兩筆畫">」，字根碼為 <span class="radical-code">12</span>。例如它出現在「东」字中。<br>
                                    字根「<img src="/img/array30-radical/19寿.png" class="radical radical-sc" alt="行列字根 19，「寿」去掉寸">」，字根碼為 <span class="radical-code">19</span>。例如它出現在「寿」字中。<br>
                                    字根「<img src="/img/array30-radical/29發.png" class="radical radical-sc" alt="行列字根 29，「发」前兩筆畫">」，字根碼為 <span class="radical-code">29</span>。例如它出現在「发」字中。<br>
                                    字根「<img src="/img/array30-radical/33归.png" class="radical radical-sc" alt="行列字根 33，「归」左半部">」，字根碼為 <span class="radical-code">33</span>。例如它出現在「归」字中。<br>
                                    字根「<img src="/img/array30-radical/55马.png" class="radical radical-sc" alt="行列字根 55，「马」去掉四點">」，字根碼為 <span class="radical-code">55</span>。例如它出現在「马」字中。<br>
                                    字根「<img src="/img/array30-radical/56专.png" class="radical radical-sc" alt="行列字根 56，「专」去掉兩橫線">」，字根碼為 <span class="radical-code">56</span>。例如它出現在「专」字中。<br>
                                    字根「<span class="radical-sc">ス</span>」，字根碼為 <span class="radical-code">56</span>。例如它出現在「劲」字中。<br>
                                    字根「<img src="/img/array30-radical/58練.png" class="radical radical-sc" alt="行列字根 58，「练」最末三筆畫">」，字根碼為 <span class="radical-code">58</span>。例如它出現在「练」字中。<br>
                                    字根「<span class="radical-sc">讠</span>」，字根碼為 <span class="radical-code">62</span>。<br>
                                    字根「<img src="/img/array30-radical/69产.png" class="radical radical-sc" alt="行列字根 69，「产」">」，字根碼為 <span class="radical-code">69</span>。<br>
                                    字根「<img src="/img/array30-radical/69兴.png" class="radical radical-sc" alt="行列字根 69，「兴」前三筆畫">」，字根碼為 <span class="radical-code">69</span>。例如它出現在「兴」字中。<br>
                                    字根「<span class="radical-sc">贝</span>」，字根碼為 <span class="radical-code">78</span>。<br>
                                    字根「<span class="radical-sc">钅</span>」，字根碼為 <span class="radical-code">82</span>。<br>
                                    字根「<img src="/img/array30-radical/83齿.png" class="radical radical-sc" alt="行列字根 83，「齿」去掉止">」，字根碼為 <span class="radical-code">83</span>。例如它出現在「齿」字中。<br>
                                    字根「<img src="/img/array30-radical/92乐.png" class="radical radical-sc" alt="行列字根 92，「乐」最初兩筆畫">」，字根碼為 <span class="radical-code">92</span>。例如它出現在「乐」字中。<br>
                                    字根「<img src="/img/array30-radical/95鸟.png" class="radical radical-sc" alt="行列字根 95，「鸟」去掉四點">」，字根碼為 <span class="radical-code">95</span>。例如它出現在「鸟」字中。<br>
                                    字根「<img src="/img/array30-radical/95乌.png" class="radical radical-sc" alt="行列字根 95，「乌」去掉四點">」，字根碼為 <span class="radical-code">95</span>。例如它出現在「乌」字中。
                                </p>
                                <p>稍微要注意的是，簡體字根「<span class="radical-sc">讠</span>」的字根碼 <span class="radical-code">62</span> ，與字根「言」的字根碼 <span class="radical-code">60</span> 不同。同樣地，簡體字根「<span class="radical-sc">钅</span>」的字根碼 <span class="radical-code">82</span> ，與字根「金」的字根碼 <span class="radical-code">81</span> 不同。</p>
                            </div>
                    
                            <p>以上就是首尾筆形字根的介紹！雖然首尾筆形字根很多，但是它們的字根碼完全都不用記，可以直接用首尾筆形推斷出來！第一次閱讀時千萬不要花心思去硬記這些字根或例字，重點是「看過這些字根與例字」以留下印象，以及「理解為什麼這個字根的字根碼是這樣、為什麼這個例字有用到這個字根」，這才是最重要的！</p>
                    
                            <p class="comment">註：呃… 雖然在<a href="#SESS-radical">一開始介紹首尾筆形字根</a>時，說是因為數量太多所以僅列出一部份介紹，但其實上面是行列輸入法的<b>所有首尾筆形字根</b>（包含所有首尾筆形簡體字根）。所以如果您有完整閱讀上述說明的話，恭喜您，您不用去字根表找沒介紹到的首尾筆形字根，因為您看過了所有尾筆形字根，沒有漏掉任何一個！而如果您只是區塊性地快速瀏覽，那也沒關係，上面記載了所有首尾筆形字根的說明，您隨時可以回來複習！</p>
                        </div>
                    </section>

                    <!--3nd group radicals (specially encoded) -->
                    <section id="specially-mapped-radical">
                        <h3>{{ appContent.specialRadical.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>{{ appContent.specialRadical.description[local] }}</p>
                            <p>{{ appContent.specialRadical.bushouVariant.description[local] }}</p>
                            <div class="example">
                                <p>                
                                    {{ appContent.specialRadical.bushouVariant.beforeRadical[local] }}<span class="radical-special">氵</span>{{ appContent.specialRadical.bushouVariant.beforeBushou[local] }}水{{ appContent.specialRadical.bushouVariant.beforeCode[local] }} <span class="radical-code">38</span><br>
                                    {{ appContent.specialRadical.bushouVariant.beforeRadical[local] }}<span class="radical-special">灬</span>{{ appContent.specialRadical.bushouVariant.beforeBushou[local] }}火{{ appContent.specialRadical.bushouVariant.beforeCode[local] }} <span class="radical-code">88</span><br>
                                    {{ appContent.specialRadical.bushouVariant.beforeRadical[local] }}<img src="/img/array30-radical/94扌.png" class="radical radical-special" alt="行列字根 94，「扌」">{{ appContent.specialRadical.bushouVariant.beforeBushou[local] }}手{{ appContent.specialRadical.bushouVariant.beforeCode[local] }} <span class="radical-code">94</span><br>
                                    {{ appContent.specialRadical.bushouVariant.beforeRadical[local] }}<span class="radical-special-sc">纟</span>{{ appContent.specialRadical.bushouVariant.beforeBushou[local] }}糸{{ appContent.specialRadical.bushouVariant.beforeCode[local] }} <span class="radical-code">28</span>{{ appContent.specialRadical.scRadical[local] }}<br>
                                </p>
                            </div>
                            
                            <p>{{ appContent.specialRadical.similar.description[local] }}</p>
                            <div class="example">
                                <p>
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<img src="/img/array30-radical/12它.png" class="radical radical-special" alt="行列字根 12，「它」去掉宀">{{ appContent.specialRadical.similar.beforeSimilarRadical[local] }}匕{{ appContent.specialRadical.similar.beforeCode[local] }} <span class="radical-code">12</span><br>                
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<img src="/img/array30-radical/26以.png" class="radical radical-special" alt="行列字根 26，「以」前三筆畫">{{ appContent.specialRadical.similar.beforeSimilarRadical[local] }}<img src="/img/array30-radical/26瓜.png" class="radical" alt="行列字根 26，「瓜」第三四筆畫">{{ appContent.specialRadical.similar.beforeCode[local] }} <span class="radical-code">26</span>。<br>
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<img src="/img/array30-radical/4-雈.png" class="radical radical-special" alt="行列字根 4-，「夢」罒的上面">{{ appContent.specialRadical.similar.beforeSimilarRadical[local] }}艹{{ appContent.specialRadical.similar.beforeCode[local] }} <span class="radical-code">4-</span><br>
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<span class="radical-special">⺼</span>{{ appContent.specialRadical.similar.beforeSimilarRadical[local] }}月{{ appContent.specialRadical.similar.beforeCode[local] }} <span class="radical-code">71</span><br>
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<span class="radical-special">夂</span>{{ appContent.specialRadical.similar.beforeSimilarRadical[local] }}攵{{ appContent.specialRadical.similar.beforeCode[local] }} <span class="radical-code">98</span><br>
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<span class="radical-special">⺜</span>{{ appContent.specialRadical.similar.beforeSimilarRadical[local] }}曰{{ appContent.specialRadical.similar.beforeCode[local] }} <span class="radical-code">01</span><br>
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<span class="radical-special">囗</span>{{ appContent.specialRadical.similar.aroundTian[local] }} <span class="radical-code">04</span><br>
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<span class="radical-special">罒</span>{{ appContent.specialRadical.similar.beforeSimilarRadical[local] }}四{{ appContent.specialRadical.similar.beforeCode[local] }} <span class="radical-code">08</span><br>
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<img src="/img/array30-radical/08覀.png" class="radical radical-special" alt="行列字根 08，「賈」去掉第一筆畫再去掉貝">{{ appContent.specialRadical.similar.beforeSimilarRadical[local] }}<img src="/img/array30-radical/08西.png" class="radical" alt="行列字根 08，「西」去掉第一筆畫">{{ appContent.specialRadical.similar.beforeCode[local] }} <span class="radical-code">08</span>。<br>  
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<img src="/img/array30-radical/16充.png" class="radical radical-special-sc" alt="行列字根 16，簡體字「充」上半部">{{ appContent.specialRadical.similar.beforeSimilarRadical[local] }}ㄊ{{ appContent.specialRadical.similar.beforeCode[local] }} <span class="radical-code">16</span>{{ appContent.specialRadical.scRadical[local] }}<br>
                                    {{ appContent.specialRadical.similar.beforeRadical[local] }}<img src="/img/array30-radical/81今.png" class="radical radical-special-sc" alt="行列字根 81，簡體字「今」前三筆畫">{{ appContent.specialRadical.similar.beforeSimilarRadical[local] }}<img src="/img/array30-radical/81合.png" class="radical" alt="行列字根 81，「合」去掉口">{{ appContent.specialRadical.similar.beforeCode[local] }} <span class="radical-code">81</span>{{ appContent.specialRadical.scRadical[local] }}<br>
                                </p>
                            </div>
                            <p>上面這些字根第一次接觸可能不知道會用在哪些字，這裡都幫您把一些例字列出來：</p>
                            <div class="example">
                                <p>
                                    字根「<img src="/img/array30-radical/12它.png" class="radical radical-special" alt="行列字根 12，「它」去掉宀"> <span class="radical-code">12</span>」例如出現在「它」字下半部、或是「化」字簡體寫法的右半部。 <br>
                                    字根「<img src="/img/array30-radical/26以.png" class="radical radical-special" alt="行列字根 26，「以」前三筆畫"> <span class="radical-code">26</span>」例如出現在「以」字前三筆畫。 <br>
                                    字根「<img src="/img/array30-radical/4-雈.png" class="radical radical-special" alt="行列字根 4-，「夢」罒的上面"> <span class="radical-code">4-</span>」例如出現在「夢」、「敬」等字中。 <br>
                                    字根「<span class="radical-special">⺼</span> <span class="radical-code">71</span>」例如出現在「胖」、「臂」等字中。 <br>
                                    字根「<span class="radical-special">夂</span> <span class="radical-code">98</span>」例如出現在「冬」、「愛」、「傻」等字中。 <br>
                                    字根「<span class="radical-special">⺜</span> <span class="radical-code">01</span>」例如出現在「冒」、「冕」、「慢」等字中。 <br>
                                    字根「<span class="radical-special">囗</span> <span class="radical-code">04</span>」例如出現在「困」、「國」、「個」等字中。 <br>
                                    字根「<span class="radical-special">罒</span> <span class="radical-code">08</span>」例如出現在「買」、「夢」、「德」等字中。 <br>
                                    字根「<img src="/img/array30-radical/08覀.png" class="radical radical-special" alt="行列字根 08，「賈」去掉第一筆畫再去掉貝"> <span class="radical-code">08</span>」例如出現在「賈」字中。 <br>
                                    簡體字根「<img src="/img/array30-radical/16充.png" class="radical radical-special-sc" alt="行列字根 16，簡體字「充」上半部"> <span class="radical-code">16</span>」例如出現在簡體字「弃」、「充」字的簡體寫法字中。 <br>
                                    簡體字根「<img src="/img/array30-radical/81今.png" class="radical radical-special-sc" alt="行列字根 81，簡體字「今」前三筆畫"> <span class="radical-code">81</span>」例如出現在「今」字的簡體寫法字中。 <br>
                                </p>            
                            </div>
                            
                            <p>最後，有些字根的字根碼並無規則、必須記憶。這些字根碼的設計是為了簡化輸入、減少重碼或是讓繁簡體字根互通。此類特別歸位字根全部列出如下：</p>
                            <p>
                            <div class="example">
                                <p>
                                    字根「<span class="radical-special">𧾷</span>」，它的字根碼是 <span class="radical-code">2-</span>。（記法：2 隻腳）<br>
                                    字根「<span class="radical-special">山</span>」，它的字根碼是 <span class="radical-code">3-</span>。（記法：山的讀音類似 3）<br>
                                    字根「<img src="/img/array30-radical/3-屮日.png" class="radical radical-special" alt="行列字根 3-，「屮」中間直線變彎的">」，它的字根碼是 <span class="radical-code">3-</span>。<br>
                                    字根「<span class="radical-special">屮</span>」，它的字根碼是 <span class="radical-code">3-</span>。<br>
                                    字根「<span class="radical-special">凵</span>」，它的字根碼是 <span class="radical-code">3-</span>。<br>
                                    字根「<img src="/img/array30-radical/5-馬.png" class="radical radical-special" alt="行列字根 5-，「馬」去掉四點">」，它的字根碼是 <span class="radical-code">5-</span>。（記法：<img src="/img/array30-radical/5-馬.png" class="radical radical-special" alt="行列字根 5-，「馬」去掉四點">形狀像 5）<br>
                                    
                                    字根「<span class="radical-special">石</span>」，它的字根碼是 <span class="radical-code">5-</span>。（記法：石有 5 筆畫）<br>
                                    字根「<span class="radical-special">戶</span>」，它的字根碼是 <span class="radical-code">5-</span>。<br>
                                    字根「<span class="radical-special">疒</span>」，它的字根碼是 <span class="radical-code">6-</span>。<br>
                                    字根「<span class="radical-special">目</span>」，它的字根碼是 <span class="radical-code">7-</span>。<br>
                                    字根「<span class="radical-special">角</span>」，它的字根碼是 <span class="radical-code">7-</span>。<br>                
                                    字根「<span class="radical-special">貝</span>」，它的字根碼是 <span class="radical-code">78</span>。<br>
                                    字根「<span class="radical-special">竹</span>」，它的字根碼是 <span class="radical-code">9-</span>。<br>
                                    字根「<img src="/img/array30-radical/7-角.png" class="radical radical-special-sc" alt="行列字根 7-，簡體字「角」">」，它的字根碼是 <span class="radical-code">7-</span>。（簡體字根）<br>
                                </p>
                                <p>注意到除了字根「<span class="radical-special">貝</span>」的字根碼是 <span class="radical-code">78</span>，其它都設計成數字加上連字號 -（2 單、3 單等等）。</p>
                            </div>
                            雖然這些字根的字根碼必須特別記憶，但這裡給出這些字根碼背後的設計原因，它們能幫助您理解。
                            <div class="example">
                                <p>
                                    字根「<span class="radical-special">𧾷</span>」的字根碼設定為 <span class="radical-code">2-</span> 是為了減少重碼。<br>
                                    字根「<span class="radical-special">山</span><img src="/img/array30-radical/3-屮日.png" class="radical radical-special" alt="行列字根 3-，「屮」中間直線變彎的"><span class="radical-special">屮</span><span class="radical-special">凵</span>」的字根碼設定為 <span class="radical-code">3-</span> 是為了取碼容易。例如「出」不論取「<span class="radical-special">凵</span> <span class="radical-plus">+</span> <span class="radical-special">山</span>」或是「<span class="radical-special">屮</span> <span class="radical-plus">+</span> <span class="radical-special">凵</span>」，字根碼都是 <span class="radical-code">3-</span> <span class="radical-plus">+</span> <span class="radical-code">3-</span>。<br>
                                    字根「<img src="/img/array30-radical/5-馬.png" class="radical radical-special" alt="行列字根 5-，「馬」去掉四點">」的字根碼設定為 <span class="radical-code">5-</span> 是為了和簡體字根「<img src="/img/array30-radical/55马.png" class="radical radical-special" alt="行列字根 55，「马」去掉四點"> <span class="radical-code">55</span>」同鍵位。<br>
                                    字根「<span class="radical-special">石</span>」的字根碼設定為 <span class="radical-code">5-</span> 是為了減少重碼。<br>
                                    字根「<span class="radical-special">戶</span>」的字根碼設定為 <span class="radical-code">5-</span> 是因為「戶」首筆有寫「㇒（撇）」、「丶（點）」兩種，所以特別以其第二筆畫「㇕（順彎 5）」定位。<br>
                                    字根「<span class="radical-special">疒</span>」的字根碼特別以首筆「丶（點 6）」定為 <span class="radical-code">6-</span>。<br>
                                    字根「<span class="radical-special">目</span>」的字根碼設定為 <span class="radical-code">7-</span> 是為了避免與「日 <span class="radical-code">01</span>」重複造成重碼。例如「睛」和「晴」、「自」和「白」「眺」和「晁」等等。<br>
                                    字根「<span class="radical-special">角</span>」的字根碼特別以首筆「⺈（蓋 7）」定為 <span class="radical-code">7-</span>。<br>                
                                    字根「<span class="radical-special">貝</span>」的字根碼設定為 <span class="radical-code">78</span> 是為了和簡體字根「<span class="radical-sc">贝</span> <span class="radical-code">78</span>」同鍵位。另外，您上面才看到「<span class="radical-special">目</span>」的字根碼設定為 <span class="radical-code">7-</span>，所以也可將「<span class="radical-special">貝</span> <span class="radical-code">78</span>」用首筆形「目」加上尾筆形「八」來理解。<br>
                                    字根「<span class="radical-special">竹</span>」的字根碼特別以首筆「㇒（撇 9）」定為 <span class="radical-code">9-</span>。<br>
                                    簡體字根「<img src="/img/array30-radical/7-角.png" class="radical radical-special-sc" alt="行列字根 7-，簡體字「角」">」的字根碼特別以首筆「⺈（蓋 7）」定為 <span class="radical-code">7-</span>。<br>
                                </p>
                            </div>
                            <p>以上就是所有特別歸位字根！雖然這些字根的字根碼不是由首尾筆形給出，但經過以上解釋後，您可以發現實際要記憶的字根碼數量相當少！另外，您也不妨思考一下為什麼這些特別歸位字根是「特別歸位字根」，也就是說您可以試著找出這些字根的首尾筆形，親自確認特別歸位字根的字根碼不是由首尾筆形給出的。</p>
                        </div>
                    </section>
                    <p>{{ appContent.radical.thatsAll[local] }}</p>
                </section>

                <!-- Radical key -->
                <section id="radical-key">
                    <h2>{{ appContent.radicalKey.title[local] }}</h2>
                    <p v-html='appContent.radicalKey.par1[local]'></p>
                    <div class="example">
                        <p>
                            {{ appContent.radicalKey.radicalCode[local] }} <span class="radical-code">16</span> {{ appContent.radicalKey.correspond[local] }} <span class="keycap keycap-letter">1↓</span>（1 {{ appContent.radicalKey.bottom[local] }}）<br>
                            {{ appContent.radicalKey.radicalCode[local] }} <span class="radical-code">40</span> {{ appContent.radicalKey.correspond[local] }} <span class="keycap keycap-letter">4↑</span>（4 {{ appContent.radicalKey.top[local] }}）<br>
                            {{ appContent.radicalKey.radicalCode[local] }} <span class="radical-code">5-</span> {{ appContent.radicalKey.correspond[local] }} <span class="keycap keycap-letter">5-</span>（5 {{ appContent.radicalKey.middle[local] }}）<br>
                            {{ appContent.radicalKey.radicalCode[local] }} <span class="radical-code">77</span> {{ appContent.radicalKey.correspond[local] }} <span class="keycap keycap-letter">7↓</span>（7 {{ appContent.radicalKey.bottom[local] }}）<br>
                            {{ appContent.radicalKey.radicalCode[local] }} <span class="radical-code">95</span> {{ appContent.radicalKey.correspond[local] }} <span class="keycap keycap-letter">9-</span>（9 {{ appContent.radicalKey.middle[local] }}）<br>
                            {{ appContent.radicalKey.radicalCode[local] }} <span class="radical-code">03</span> {{ appContent.radicalKey.correspond[local] }} <span class="keycap keycap-letter">0↑</span>（0 {{ appContent.radicalKey.top[local] }}）<br>
                        </p>    
                    </div>
            
                    <p v-html='appContent.radicalKey.par2[local]'></p>
                    <p>{{ appContent.radicalKey.par3[local] }}</p>
                    <div class="example">
                        <p>
                            {{ appContent.radicalKey.someFSSRadicals[local] }}<br>
                            {{ appContent.radicalKey.beforeRadical[local] }}一{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">1-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">1-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}乚{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">2-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">2-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}⺄{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">2-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">2-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}亅{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">3-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">3-</span><br>                
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/4-丰簡.png" class="radical" alt="行列字根 4-，「峰」去掉山再去掉夂">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">4-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">4-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}艹{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">4-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">4-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}㇉{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">5-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">5-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}丶{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">6-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">6-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}冖{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">7-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">7-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}刀{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">7-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">7-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}亻{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">8-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">8-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}冫{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">8-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">8-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}㇏{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">8-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">8-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}㇒{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">9-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">9-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}口{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">0-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">0-</span><br>
            
                        </p>
                        <p>
                            {{ appContent.radicalKey.someSESSRadicals[local] }}<br>
                            {{ appContent.radicalKey.beforeRadical[local] }}工{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">11</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">1↑</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">26</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">2↓</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/28衣.png" class="radical" alt="行列字根 28，「衣」去掉前三筆畫">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">28</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">2↓</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/29發.png" class="radical radical-sc" alt="行列字根 29，「发」前兩筆畫">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">29</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">2↓</span>{{ appContent.radicalKey.scRadical[local] }}<br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/31假.png" class="radical" alt="行列字根 31，「假」中間部分">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">31</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">3↑</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}片{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">35</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">3-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/47壺.png" class="radical" alt="行列字根 47，「壺」只保留士和冖">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">47</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">4↓</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/51尹.png" class="radical" alt="行列字根 51，「尹」去掉最末一筆劃">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">51</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">5↑</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/55鼎.png" class="radical" alt="行列字根 55，「鼎」去掉目">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">55</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">5-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/55马.png" class="radical radical-sc" alt="行列字根 55，「马」去掉四點">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">55</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">5-</span>{{ appContent.radicalKey.scRadical[local] }}<br>
                            {{ appContent.radicalKey.beforeRadical[local] }}立{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">61</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">6↑</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/78祭.png" class="radical" alt="行列字根 78，「祭」去掉示">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">78</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">7↓</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">81</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">8↑</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<span class="radical-sc">钅</span>{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">82</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">8↑</span>{{ appContent.radicalKey.scRadical[local] }}<br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/88求.png" class="radical" alt="行列字根 88，「求」第三到六筆畫">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">88</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">8↓</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/91生.png" class="radical" alt="行列字根 91，「生」最初兩筆畫">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">91</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">9↑</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}彳{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">98</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">9↓</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}日{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">01</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">0↑</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}四{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">08</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">0↓</span><br>
                        </p>
                        <p>
                            {{ appContent.radicalKey.someSpeciallyEncodedRadicals[local] }}<br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<span class="radical-special">𧾷</span>{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">2-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">2-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<span class="radical-special-sc">纟</span>{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">28</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">2↓</span>{{ appContent.radicalKey.scRadical[local] }}<br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<span class="radical-special">氵</span>{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">38</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">3↓</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/4-雈.png" class="radical radical-special" alt="行列字根 4-，「夢」罒的上面">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">4-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">4-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/5-馬.png" class="radical radical-special" alt="行列字根 5-，「馬」去掉四點">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">5-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">5-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<span class="radical-special">目</span>{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">7-</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">7-</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<span class="radical-special">貝</span>{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">78</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">7↓</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<img src="/img/array30-radical/94扌.png" class="radical radical-special" alt="行列字根 94，「扌」">{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">94</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">9↑</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<span class="radical-special">夂</span>{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">98</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">9↓</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<span class="radical-special">囗</span> {{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">04</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">0↑</span><br>
                            {{ appContent.radicalKey.beforeRadical[local] }}<span class="radical-special">罒</span>{{ appContent.radicalKey.beforeCode[local] }} <span class="radical-code">08</span>{{ appContent.radicalKey.beforeKey[local] }} <span class="keycap keycap-letter">0↓</span><br>
                        </p>
                    </div>
                </section>

                <!-- share button -->
                <div style="margin-top: 60px; margin-bottom: 60px;">
                    {{ appContent.shareThisPageOn[local] }}
                    <img class="social-share facebook-share" tabindex="0">
                    <img class="social-share twitter-share" tabindex="0">
                    <img class="social-share line-share" tabindex="0">
                    <img class="social-share telegram-share" tabindex="0">
                    <img class="social-share linkedIn-share" tabindex="0">
                </div>

                <!-- Decomposition rules -->
                <section id="decomposition-rules">
                    <h2>{{ appContent.decompositionRules.title[local] }}</h2>
                    <p>{{ appContent.decompositionRules.par1[local] }}</p>
                    <p v-html='appContent.decompositionRules.par2[local]'></p>
                    <p v-html='appContent.decompositionRules.par3[local]'></p>
                    <p>{{ appContent.decompositionRules.par4[local] }}</p>
                    
                    <div class="example" v-if='local == "tw"'>
                        <p>
                            門：門 <span class="radical-code">31</span><br>
                            月：月 <span class="radical-code">71</span><br>
                            閒：門 <span class="radical-code">31</span> <span class="radical-plus">+</span> 月 <span class="radical-code">71</span><br>
                            杜：木 <span class="radical-code">48</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span><br>
                            汁：氵</span> <span class="radical-code">38</span> <span class="radical-plus">+</span> 十 <span class="radical-code">4-</span><br>                
                            丁：一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 亅 <span class="radical-code">3-</span><br>
                            自：㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> <span class="radical-special">目</span> <span class="radical-code">7-</span><br>
                            春：<img src="/img/array30-radical/18春.png" class="radical" alt="行列字根 18，「春」去掉日"> <span class="radical-code">18</span> <span class="radical-plus">+</span> 日 <span class="radical-code">01</span><br>
                            
                            胖：<span class="radical-special">⺼</span> <span class="radical-code">71</span> <span class="radical-plus">+</span> 半 <span class="radical-code">84</span><br>
                            老：土 <span class="radical-code">41</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 匕 <span class="radical-code">12</span><br>
                            也：㇖ <span class="radical-code">5-</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span> <span class="radical-plus">+</span> 乚 <span class="radical-code">2-</span><br>
                            砂：<span class="radical-special">石</span> <span class="radical-code">5-</span> <span class="radical-plus">+</span> 小 <span class="radical-code">38</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span><br>
                            溫：氵</span> <span class="radical-code">38</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/08溫.png" class="radical" alt="行列字根 08，「溫」右上部分"> <span class="radical-code">08</span> <span class="radical-plus">+</span> 皿 <span class="radical-code">71</span><br>
                            處：虍 <span class="radical-code">32</span> <span class="radical-plus">+</span> <span class="radical-special">夂</span> <span class="radical-code">98</span> <span class="radical-plus">+</span> 几 <span class="radical-code">2-</span><br>
                            潔：<span class="radical-special">氵</span> <span class="radical-code">38</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/4-丰簡.png" class="radical" alt="行列字根 4-，「峰」去掉山再去掉夂"> <span class="radical-code">4-</span> <span class="radical-plus">+</span> 刀 <span class="radical-code">7-</span> <span class="radical-plus">+</span> 糸 <span class="radical-code">28</span><br>
                        </p>    
                        <p>{{ appContent.decompositionRules.par5[local] }}</p>
                        <p>    
                            官：宀 <span class="radical-code">67</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/31官.png" class="radical" alt="行列字根 31，「官」去掉宀"> <span class="radical-code">31</span><br>
            
                            連：車 <span class="radical-code">14</span> <span class="radical-plus">+</span> 辶 <span class="radical-code">68</span><br>                        
                            氣：气 <span class="radical-code">92</span> <span class="radical-plus">+</span> 米 <span class="radical-code">88</span><br>
                            魚：<img src="/img/array30-radical/74魚.png" class="radical" alt="行列字根 74，「魚」去掉四點"> <span class="radical-code">74</span> <span class="radical-plus">+</span> <span class="radical-special">灬</span> <span class="radical-code">88</span><br>
                            房：<span class="radical-special">戶</span> <span class="radical-code">5-</span> <span class="radical-plus">+</span> 方 <span class="radical-code">65</span><br>                        
                            花：艹 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 亻 <span class="radical-code">8-</span> <span class="radical-plus">+</span> 匕 <span class="radical-code">12</span><br>
                            悲：<img src="/img/array30-radical/31非左.png" class="radical" alt="行列字根 31，「非」左半邊"> <span class="radical-code">31</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/31非右.png" class="radical" alt="行列字根 31，「非」右半邊"> <span class="radical-code">31</span> <span class="radical-plus">+</span> 心 <span class="radical-code">66</span><br>
                            查：木 <span class="radical-code">48</span> <span class="radical-plus">+</span> 日 <span class="radical-code">01</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span><br>
                            假：亻 <span class="radical-code">8-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/31假.png" class="radical" alt="行列字根 31，「假」中間部分"> <span class="radical-code">31</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span> <span class="radical-plus">+</span> 又 <span class="radical-code">58</span><br>
                            經：糸 <span class="radical-code">28</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/22巛.png" class="radical" alt="行列字根 22，「巛」"> <span class="radical-code">22</span> <span class="radical-plus">+</span> 工 <span class="radical-code">11</span><br>
                        </p>
                    </div>
            
                    <p v-html='appContent.decompositionRules.par6[local]'></p>

                    <!-- the First-three-last-one rule -->
                    <section id="first-three-and-last-principle">
                        <h3>{{ appContent.firstThreeLastOne.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>第一件事情是，行列輸入法是依書寫順序取前三個字根和最後一個字根，不超過四個字根則全取，這叫做「前三後一原則」。</p>
                            <p>舉例來說：</p>
                            <div class="example">
                                <p>        
                                    「寸」拆成「<img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫"> <span class="radical-code">4-</span>、丶 <span class="radical-code">6-</span>」這兩個字根，所以全取；<br>
                                    「封」拆成「土 <span class="radical-code">41</span>、土 <span class="radical-code">41</span>、<img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫"> <span class="radical-code">4-</span>、丶 <span class="radical-code">6-</span>」這四個字根，所以全取；<br>
                                    「帛」拆成「㇒ <span class="radical-code">9-</span>、日 <span class="radical-code">01</span>、 冂 <span class="radical-code">7-</span>、丨 <span class="radical-code">3-</span>」這四個字根，所以全取；<br>
                                    「幫」這個字全部拆開，共有八個字根：
                                </p>
                    
                                <p style="text-align: center;">土 <span class="radical-code">41</span>、土 <span class="radical-code">41</span>、<img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫"> <span class="radical-code">4-</span>、丶 <span class="radical-code">6-</span>、㇒ <span class="radical-code">9-</span>、日 <span class="radical-code">01</span>、 冂 <span class="radical-code">7-</span>、丨 <span class="radical-code">3-</span></p>
                    
                                <p>依照前三後一原則，只取字根「土 <span class="radical-code">41</span>、土 <span class="radical-code">41</span>、<img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫"> <span class="radical-code">4-</span>、丨 <span class="radical-code">3-</span>」，而字根「丶 <span class="radical-code">6-</span>、㇒ <span class="radical-code">9-</span>、日 <span class="radical-code">01</span>、 冂 <span class="radical-code">7-</span>」則略過不取。</p>
                    
                                <hr class="hr-example">
                    
                                <p>
                                    「我」拆成「㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/94扌.png" class="radical radical-special" alt="行列字根 94，「扌」"> <span class="radical-code">94</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線"> <span class="radical-code">26</span>」這三個字根，所以全取；<br>
                                    「鳥」拆成「<img src="/img/array30-radical/95鳥.png" class="radical" alt="行列字根 95，「鳥」去掉四點"> <span class="radical-code">95</span> <span class="radical-plus">+</span> <span class="radical-special">灬</span> <span class="radical-code">88</span>」這兩個字根，所以全取；<br>
                                    「鵝」這個字全部拆開，共有五個字根：
                                </p>
                                <p style="text-align: center;">㇒ <span class="radical-code">9-</span>、<img src="/img/array30-radical/94扌.png" class="radical radical-special" alt="行列字根 94，「扌」"> <span class="radical-code">94</span>、<img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線"> <span class="radical-code">26</span>、<img src="/img/array30-radical/95鳥.png" class="radical" alt="行列字根 95，「鳥」去掉四點"> <span class="radical-code">95</span>、<span class="radical-special">灬</span> <span class="radical-code">88</span></p>
                                
                                <p>依照前三後一原則，只取字根「㇒ <span class="radical-code">9-</span>、<img src="/img/array30-radical/94扌.png" class="radical radical-special" alt="行列字根 94，「扌」"> <span class="radical-code">94</span>、<img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線"> <span class="radical-code">26</span>、<span class="radical-special">灬</span> <span class="radical-code">88</span>」，而字根「<img src="/img/array30-radical/95鳥.png" class="radical" alt="行列字根 95，「鳥」去掉四點"> <span class="radical-code">95</span>」則略過不取。</p>
                            </div>
                    
                            <p>這裡再舉幾個例子：</p>
                            <div class="example">
                                <p>
                                    「遠」這個字全部拆開，共有「土 <span class="radical-code">41</span>、口 <span class="radical-code">0-</span>、㇒ <span class="radical-code">9-</span>、<img src="/img/array30-radical/28衣.png" class="radical" alt="行列字根 28，「衣」去掉前三筆畫"> <span class="radical-code">28</span>、辶 <span class="radical-code">68</span>」這五個字根。依照前三後一原則，只取字根「土 <span class="radical-code">41</span>、口 <span class="radical-code">0-</span>、㇒ <span class="radical-code">9-</span>、辶 <span class="radical-code">68</span>」，而字根「<img src="/img/array30-radical/28衣.png" class="radical" alt="行列字根 28，「衣」去掉前三筆畫"> <span class="radical-code">28</span>」則略過不取。
                                </p>
                                <p>
                                    「額」這個字全部拆開，共有「宀 <span class="radical-code">67</span>、<span class="radical-special">夂</span> <span class="radical-code">98</span>、口 <span class="radical-code">0-</span>、一 <span class="radical-code">1-</span>、㇒ <span class="radical-code">9-</span>、<span class="radical-special">貝</span> <span class="radical-code">78</span>」這六個字根。依照前三後一原則，只取字根「宀 <span class="radical-code">67</span>、<span class="radical-special">夂</span> <span class="radical-code">98</span>、口 <span class="radical-code">0-</span>、<span class="radical-special">貝</span> <span class="radical-code">78</span>」，而字根「一 <span class="radical-code">1-</span>、㇒ <span class="radical-code">9-</span>」則略過不取。
                                </p>
                                <p>
                                    「壓」這個字全部拆開，共有「厂 <span class="radical-code">19</span>、日 <span class="radical-code">01</span>、<span class="radical-special">⺼</span> <span class="radical-code">71</span>、大 <span class="radical-code">18</span>、丶 <span class="radical-code">6-</span>、土 <span class="radical-code">41</span>」這六個字根。依照前三後一原則，只取字根「厂 <span class="radical-code">19</span>、日 <span class="radical-code">01</span>、<span class="radical-special">⺼</span> <span class="radical-code">71</span>、土 <span class="radical-code">41</span>」，而字根「大 <span class="radical-code">19</span>、丶 <span class="radical-code">6-</span>」則略過不取。
                                </p>
                                <p>
                                    「繼」這個字全部拆開，共有「糸 <span class="radical-code">28</span>、ㄠ <span class="radical-code">26</span>、ㄠ <span class="radical-code">26</span>、一 <span class="radical-code">1-</span>、ㄠ <span class="radical-code">26</span>、ㄠ <span class="radical-code">26</span>、㇗ <span class="radical-code">2-</span>」這七個字根。依照前三後一原則，只取字根「糸 <span class="radical-code">28</span>、ㄠ <span class="radical-code">26</span>、ㄠ <span class="radical-code">26</span>、㇗ <span class="radical-code">2-</span>」，而字根「一 <span class="radical-code">1-</span>、ㄠ <span class="radical-code">26</span>、ㄠ <span class="radical-code">26</span>」則略過不取。
                                </p>
                                <p>
                                    「選」這個字全部拆開，共有「<img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span>、㇙ <span class="radical-code">2-</span>、<img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span>、㇗ <span class="radical-code">2-</span>、<img src="/img/array30-radical/41共.png" class="radical" alt="行列字根 41，「共」去掉兩點"> <span class="radical-code">41</span>、八 <span class="radical-code">8-</span>、辶 <span class="radical-code">68</span>」這七個字根。依照前三後一原則，只取字根「<img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span>、㇙ <span class="radical-code">2-</span>、<img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span>、辶 <span class="radical-code">68</span>」，而字根「㇗ <span class="radical-code">2-</span>、<img src="/img/array30-radical/41共.png" class="radical" alt="行列字根 41，「共」去掉兩點"> <span class="radical-code">41</span>、八 <span class="radical-code">8-</span>」則略過不取。
                                </p>
                                <p>
                                    「釀」這個字全部拆開，共有「一 <span class="radical-code">1-</span>、<img src="/img/array30-radical/01酉.png" class="radical" alt="行列字根 01，「酉」去掉第一筆畫"> <span class="radical-code">01</span>、亠 <span class="radical-code">61</span>、口 <span class="radical-code">0-</span>、口 <span class="radical-code">0-</span>、<img src="/img/array30-radical/41冓.png" class="radical" alt="行列字根 41，「冓」上半部"> <span class="radical-code">41</span>、㇒ <span class="radical-code">9-</span>、<img src="/img/array30-radical/28衣.png" class="radical" alt="行列字根 28，「衣」去掉前三筆畫"> <span class="radical-code">28</span>」這八個字根。依照前三後一原則，只取字根「一 <span class="radical-code">1-</span>、<img src="/img/array30-radical/01酉.png" class="radical" alt="行列字根 01，「酉」去掉第一筆畫"> <span class="radical-code">01</span>、亠 <span class="radical-code">61</span>、<img src="/img/array30-radical/28衣.png" class="radical" alt="行列字根 28，「衣」去掉前三筆畫"> <span class="radical-code">28</span>」，而字根「口 <span class="radical-code">0-</span>、口 <span class="radical-code">01</span>、<img src="/img/array30-radical/41冓.png" class="radical" alt="行列字根 41，「冓」上半部"> <span class="radical-code">41</span>、㇒ <span class="radical-code">9-</span>」則略過不取。
                                </p>
                                <p>
                                    「麵」這個字全部拆開，共有「十 <span class="radical-code">4-</span>、人 <span class="radical-code">8-</span><span class="radical-plus">、</span>人 <span class="radical-code">8-</span>、<img src="/img/array30-radical/8-全簡.png" class="radical" alt="行列字根 8-，「人」但兩筆畫都沒有凸出"> <span class="radical-code">8-</span><span class="radical-plus">、</span><span class="radical-special">夂</span> <span class="radical-code">98</span><span class="radical-plus">、</span>一 <span class="radical-code">1-</span><span class="radical-plus">、</span>㇒ <span class="radical-code">9-</span><span class="radical-plus">、</span><span class="radical-special">囗</span> <span class="radical-code">04</span><span class="radical-plus">、</span><img src="/img/array30-radical/31囬.png" class="radical" alt="行列字根 31，「囬」去掉囗"> <span class="radical-code">31</span>」這九個字根。依照前三後一原則，只取字根「十 <span class="radical-code">4-</span><span class="radical-plus">、</span>人 <span class="radical-code">8-</span><span class="radical-plus">、</span>人 <span class="radical-code">8-</span><span class="radical-plus">、</span><img src="/img/array30-radical/31囬.png" class="radical" alt="行列字根 31，「囬」去掉囗"> <span class="radical-code">31</span>」，而字根「<img src="/img/array30-radical/8-全簡.png" class="radical" alt="行列字根 8-，「人」但兩筆畫都沒有凸出"> <span class="radical-code">8-</span><span class="radical-plus">、</span><span class="radical-special">夂</span> <span class="radical-code">98</span><span class="radical-plus">、</span>一 <span class="radical-code">1-</span><span class="radical-plus">、</span>㇒ <span class="radical-code">9-</span><span class="radical-plus">、</span><span class="radical-special">囗</span> <span class="radical-code">04</span>」則略過不取。
                                </p>
                            </div>
                            <p>前三後一原則讓看似複雜的字也能輕鬆取碼！</p>
                            <div class="example">
                                <p>例如：<br>                
                                    褻：亠 <span class="radical-code">61</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span> <span class="radical-plus">+</span> ㄦ <span class="radical-code">8-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/28衣.png" class="radical" alt="行列字根 28，「衣」去掉前三筆畫"> <span class="radical-code">28</span><br>
                                    藏：艹 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 厂 <span class="radical-code">19</span> <span class="radical-plus">+</span> ㇗ <span class="radical-code">2-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線"> <span class="radical-code">26</span><br>
                                    瓊：一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span> <span class="radical-plus">+</span> ⺈ <span class="radical-code">7-</span> <span class="radical-plus">+</span> <span class="radical-special">夂</span> <span class="radical-code">98</span><br>
                                    攜：<img src="/img/array30-radical/94扌.png" class="radical radical-special" alt="行列字根 94，「扌」"> <span class="radical-code">94</span> <span class="radical-plus">+</span> <span class="radical-special">山</span> <span class="radical-code">3-</span> <span class="radical-plus">+</span> 亻 <span class="radical-code">8-</span> <span class="radical-plus">+</span> 口 <span class="radical-code">0-</span><br>
                                    鹽：匚 <span class="radical-code">12</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span> <span class="radical-plus">+</span> 皿 <span class="radical-code">71</span><br>
                                    藝：艹 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span> <span class="radical-plus">+</span> ㄦ <span class="radical-code">8-</span> <span class="radical-plus">+</span> 厶 <span class="radical-code">26</span><br>
                                    饞：<img src="/img/array30-radical/81合.png" class="radical" alt="行列字根 81，「合」去掉口"> <span class="radical-code">81</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/56即.png" class="radical" alt="行列字根 56，「即」左半邊"> <span class="radical-code">56</span> <span class="radical-plus">+</span> ⺈ <span class="radical-code">7-</span> <span class="radical-plus">+</span> 丶 <span class="radical-code">6-</span><br>
                                    辭：爫 <span class="radical-code">99</span> <span class="radical-plus">+</span> マ <span class="radical-code">56</span> <span class="radical-plus">+</span> 冂 <span class="radical-code">7-</span> <span class="radical-plus">+</span> 十 <span class="radical-code">4-</span><br>
                                    纖：糸 <span class="radical-code">28</span> <span class="radical-plus">+</span> 人 <span class="radical-code">8-</span> <span class="radical-plus">+</span> 人 <span class="radical-code">8-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線"> <span class="radical-code">26</span><br>
                                    犧：<img src="/img/array30-radical/91生.png" class="radical" alt="行列字根 91，「生」最初兩筆畫"> <span class="radical-code">91</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/4-孑.png" class="radical" alt="行列字根 4-，「孑」末兩筆畫"> <span class="radical-code">4-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」"> <span class="radical-code">81</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線"> <span class="radical-code">26</span><br>              
                                    囊：<img src="/img/array30-radical/10可.png" class="radical" alt="行列字根 10，「可」去掉最末筆畫"> <span class="radical-code">10</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span> <span class="radical-plus">+</span> 冖 <span class="radical-code">7-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/28衣.png" class="radical" alt="行列字根 28，「衣」去掉前三筆畫"> <span class="radical-code">28</span><br>
                                    鬱*：木 <span class="radical-code">48</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/91生.png" class="radical" alt="行列字根 91，「生」最初兩筆畫"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 十 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 彡 <span class="radical-code">99</span><br>
                                    
                                    <p class="comment">註：依照<a href="https://stroke-order.learningweb.moe.edu.tw/characters.do?lang=zh_TW" target="_blank">教育部國字標準字體筆順</a>，「鬱」字應該先寫「缶」再寫「木」。不過行列當初編碼設計使用的筆順是先寫「木」再寫「缶」，所以才這樣取碼。</p>
                            </div>
                        </div>
                        
                    </section>

                    <!-- the Big radical rule -->
                    <section id="big-radical-principle">
                        <h3>{{ appContent.bigRadical.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>行列輸入法每次取碼時，都必須取筆畫較多、涵蓋範圍較廣的字根，這叫做「大根先取原則」。</p>
                            <p>先直接來看一點例子：</p>
                            <div class="example">
                                <p>
                                    因為有「<img src="/img/array30-radical/10可.png" class="radical" alt="行列字根 10，「可」去掉最末筆畫"> <span class="radical-code">10</span>」這個字根，「可」這個字的正確取碼為「<img src="/img/array30-radical/10可.png" class="radical" alt="行列字根 10，「可」去掉最末筆畫"> <span class="radical-code">10</span> <span class="radical-plus">+</span> 亅 <span class="radical-code">3-</span>」，而不是「一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 口 <span class="radical-code">0-</span> <span class="radical-plus">+</span> 亅 <span class="radical-code">3-</span>」。
                                </p>
                                <p>
                                    因為有「<img src="/img/array30-radical/78祭.png" class="radical" alt="行列字根 78，「祭」去掉示"> <span class="radical-code">78</span>」這個字根，「祭」這個字的第一個字根要取「<img src="/img/array30-radical/78祭.png" class="radical" alt="行列字根 78，「祭」去掉示"> <span class="radical-code">78</span>」，而不是「<img src="/img/array30-radical/76祭.png" class="radical" alt="行列字根 76，「炙」去掉火"> <span class="radical-code">76</span>」或是「<img src="/img/array30-radical/7-久.png" class="radical" alt="行列字根 7-，「久」去掉最末筆畫"> <span class="radical-code">7-</span>」。
                                </p>
                                <p>
                                    因為有「<img src="/img/array30-radical/55鼎.png" class="radical" alt="行列字根 55，「鼎」去掉目"> <span class="radical-code">55</span>」這個字根，「鼎」這個字取完第一個字根「<span class="radical-special">目</span> <span class="radical-code">7-</span>」之後，第二個字根應該直接取「<img src="/img/array30-radical/55鼎.png" class="radical" alt="行列字根 55，「鼎」去掉目"> <span class="radical-code">55</span>」，而不是取其它比較小的字根。
                                </p>
                                <p>
                                    因為有「<img src="/img/array30-radical/81合.png" class="radical" alt="行列字根 81，「合」去掉口"> <span class="radical-code">81</span>」這個字根，「合」這個字的第一個字根要取「<img src="/img/array30-radical/81合.png" class="radical" alt="行列字根 81，「合」去掉口"> <span class="radical-code">81</span>」，而不是取「<img src="/img/array30-radical/8-全簡.png" class="radical" alt="行列字根 8-，「人」但兩筆畫都沒有凸出"> <span class="radical-code">8-</span>」。
                                </p>
                                <p>
                                    因為有「<img src="/img/array30-radical/91微.png" class="radical" alt="行列字根 91，「微」保留彳山一">  <span class="radical-code">91</span>」這個字根，「徵」這個字的第一個字根要取「<img src="/img/array30-radical/91微.png" class="radical" alt="行列字根 91，「微」保留彳山一"> <span class="radical-code">91</span>」，而不是取「彳 <span class="radical-code">98</span>」。
                                </p>
                            </div>
                            <p>搭配上前一節學過的「<a href="#first-three-and-last-principle">前三後一原則</a>」，加上大根先取原則就是要在取碼時：</p>
                            <div class="example">
                                <p>
                                    依照筆順取第一個字根，您必須取筆畫較多、涵蓋面較廣的大字根；<br>
                                    如果還有剩下，依照筆順繼續取第二個字根，您一樣要取筆畫較多、涵蓋面較廣的大字根；<br>
                                    如果還有剩下，依照筆順繼續取第三個字根，您一樣要取筆畫較多、涵蓋面較廣的大字根；<br>
                                    如果還有剩下，取倒數幾筆畫構成的字根，您必須取筆畫較多、涵蓋面較廣的大字根。
                                </p>
                            </div>        
                            
                            <p>簡單地說，大根先取原則就是：有比較完整的大字根，就不可以取小字根。例如：</p>
                            <div class="example">
                                <p>「豎」這個字取完前三個字根「匚 <span class="radical-code">12</span><span class="radical-plus">、</span>丨 <span class="radical-code">3-</span><span class="radical-plus">、</span><img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span>」，最後應該取「<img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」"> <span class="radical-code">81</span>」，而不是「一 <span class="radical-code">1-</span>」。</p>
                                <p>「順」這個字取完前三個字根「<img src="/img/array30-radical/33介.png" class="radical" alt="行列字根 33，「介」去掉前兩筆畫"> <span class="radical-code">33</span><span class="radical-plus">、</span>丨 <span class="radical-code">3-</span><span class="radical-plus">、</span>一 <span class="radical-code">1-</span>」，最後應該取「<span class="radical-special">貝</span> <span class="radical-code">78</span>」，而不是「八 <span class="radical-code">8-</span>」或「㇏ <span class="radical-code">8-</span>」。</p>
                                <p>「龜」這個字取完前三個字根「⺈ <span class="radical-code">7-</span><span class="radical-plus">、</span>冂 <span class="radical-code">7-</span><span class="radical-plus">、</span>一 <span class="radical-code">1-</span>」，最後應該取「乂 <span class="radical-code">98</span>」，而不是「丶 <span class="radical-code">6-</span>」。</p>
                                <p>「幾」這個字全部拆開直覺上是「ㄠ <span class="radical-code">26</span><span class="radical-plus">、</span>ㄠ <span class="radical-code">26</span><span class="radical-plus">、</span>一 <span class="radical-code">1-</span><span class="radical-plus">、</span>人 <span class="radical-code">8-</span><span class="radical-plus">、</span><img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線"> <span class="radical-code">26</span>」，但依照大根先取原則，「幾」字中的「一<span class="radical-plus">、</span>人」部分應該拆成「厂 <span class="radical-code">19</span><span class="radical-plus">、</span>丶 <span class="radical-code">6-</span>」，所以「幾」全部拆開正確是「ㄠ <span class="radical-code">26</span><span class="radical-plus">、</span>ㄠ <span class="radical-code">26</span><span class="radical-plus">、</span>厂 <span class="radical-code">19</span><span class="radical-plus">、</span>丶 <span class="radical-code">6-</span><span class="radical-plus">、</span><img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線"> <span class="radical-code">26</span>」，進而得到拆碼「幾：ㄠ <span class="radical-code">26</span> <span class="radical-plus">+</span> ㄠ <span class="radical-code">26</span> <span class="radical-plus">+</span> 厂 <span class="radical-code">19</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/26戈.png" class="radical" alt="行列字根 26，「戈」去掉橫線"> <span class="radical-code">26</span>」。</p>
                            </div>
    
                            <p>以下列出更多例子：</p>
                            <div class="example">
                                <p>
                                    夫：夫 <span class="radical-code">18</span>（❌ 一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 大 <span class="radical-code">18</span>）<br>
                                    立：立 <span class="radical-code">61</span>（❌ 亠 <span class="radical-code">61</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」"> <span class="radical-code">81</span>）<br>
                                    貝：<span class="radical-special">貝</span> <span class="radical-code">78</span>（❌ <span class="radical-special">目</span> <span class="radical-code">7-</span> <span class="radical-plus">+</span> 八 <span class="radical-code">8-</span>）<br>
                                    尺：尸 <span class="radical-code">59</span> <span class="radical-plus">+</span> ㇏ <span class="radical-code">8-</span>（❌ <img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span> <span class="radical-plus">+</span> 人 <span class="radical-code">8-</span>）<br>
                                    丈：<img src="/img/array30-radical/19尤.png" class="radical" alt="行列字根 19，「尤」前兩筆畫"> <span class="radical-code">19</span> <span class="radical-plus">+</span> ㇏ <span class="radical-code">8-</span>（❌ 一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 乂 <span class="radical-code">98</span>）<br>
                                    川：<img src="/img/array30-radical/33介.png" class="radical" alt="行列字根 33，「介」去掉前兩筆畫"> <span class="radical-code">33</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span>（❌ 丿 <span class="radical-code">3-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/33而.png" class="radical" alt="行列字根 33，「而」下半部中間兩直線"> <span class="radical-code">33</span>）<br>
                                    生：<img src="/img/array30-radical/91生.png" class="radical" alt="行列字根 91，「生」最初兩筆畫"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span>（❌ ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/41青.png" class="radical" alt="行列字根 41，「青」去掉月"> <span class="radical-code">41</span>）<br>
                                    革：<img src="/img/array30-radical/40革.png" class="radical" alt="行列字根 40，「革」去掉最末兩筆畫"> <span class="radical-code">40</span> <span class="radical-plus">+</span> 十 <span class="radical-code">4-</span>（❌ 廿 <span class="radical-code">41</span> <span class="radical-plus">+</span> 口 <span class="radical-code">0-</span> <span class="radical-plus">+</span> 十 <span class="radical-code">4-</span>）<br>
                                    央：冂 <span class="radical-code">7-</span> <span class="radical-plus">+</span> 大 <span class="radical-code">18</span>（❌ 冂 <span class="radical-code">7-</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 人 <span class="radical-code">8-</span>）<br>
                                    丹：冂 <span class="radical-code">7-</span> <span class="radical-plus">+</span> 亠 <span class="radical-code">61</span>（❌ 冂 <span class="radical-code">7-</span> <span class="radical-plus">+</span> 丶 <span class="radical-code">6-</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span>）<br>
                                    垂：<img src="/img/array30-radical/91重.png" class="radical" alt="行列字根 91，「重」去掉中間的曰"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 艹 <span class="radical-code">4-</span>（❌ <img src="/img/array30-radical/91重.png" class="radical" alt="行列字根 91，「重」去掉中間的曰"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 十 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 十 <span class="radical-code">4-</span>）<br>
                                    平：一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/84平.png" class="radical" alt="行列字根 84，「平」去掉第一筆畫"> <span class="radical-code">84</span>（❌ 一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」"> <span class="radical-code">81</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span>）<br>
                                    即：<img src="/img/array30-radical/56即.png" class="radical" alt="行列字根 56，「即」左半邊"> <span class="radical-code">56</span> <span class="radical-plus">+</span> 卩 <span class="radical-code">7-</span>（❌ 彐 <span class="radical-code">51</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/26瓜.png" class="radical" alt="行列字根 26，「瓜」第三四筆畫"> <span class="radical-code">26</span> <span class="radical-plus">+</span> 卩 <span class="radical-code">7-</span>）<br>
                                    朱：<img src="/img/array30-radical/91生.png" class="radical" alt="行列字根 91，「生」最初兩筆畫"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 木 <span class="radical-code">48</span>（❌ ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/4-奉.png" class="radical" alt="行列字根 4-，「奉」末三筆畫"> <span class="radical-code">4-</span> <span class="radical-plus">+</span> 八 <span class="radical-code">8-</span>）<br>
                                    及：㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 廴 <span class="radical-code">58</span>（❌ ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> ㇖ <span class="radical-code">5-</span> <span class="radical-plus">+</span> 又 <span class="radical-code">58</span>）<br>
                                    豆：<img src="/img/array30-radical/10可.png" class="radical" alt="行列字根 10，「可」去掉最末筆畫"> <span class="radical-code">10</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」"> <span class="radical-code">81</span>（❌ 一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 口 <span class="radical-code">0-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分"> <span class="radical-code">8-</span><span class="radical-plus">+</span> 一 <span class="radical-code">1-</span>）<br>
                                    鬼：<img src="/img/array30-radical/92鬼.png" class="radical" alt="行列字根 92，「鬼」去掉厶"> <span class="radical-code">92</span> <span class="radical-plus">+</span> 厶 <span class="radical-code">26</span>（❌ ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 田 <span class="radical-code">04</span> <span class="radical-plus">+</span> 儿 <span class="radical-code">2-</span><span class="radical-plus">+</span> 厶 <span class="radical-code">26</span>）<br>
                                    壹：<img src="/img/array30-radical/47壺.png" class="radical" alt="行列字根 47，「壺」只保留士和冖"> <span class="radical-code">47</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/10可.png" class="radical" alt="行列字根 10，「可」去掉最末筆畫"> <span class="radical-code">10</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」"> <span class="radical-code">81</span>（❌ 士 <span class="radical-code">41</span> <span class="radical-plus">+</span> 冖 <span class="radical-code">7-</span> <span class="radical-plus">+</span> …）<br>
                                    券：<img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」"> <span class="radical-code">81</span> <span class="radical-plus">+</span> 大 <span class="radical-code">18</span> <span class="radical-plus">+</span> 刀 <span class="radical-code">7-</span>（❌ <img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分"> <span class="radical-code">8-</span> <span class="radical-plus">+</span> 夫 <span class="radical-code">18</span> <span class="radical-plus">+</span> 刀 <span class="radical-code">7-</span>）<br>
                                    囪：㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> <span class="radical-special">囗</span> <span class="radical-code">04</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/99勿.png" class="radical" alt="行列字根 99，「勿」去掉前兩筆畫"> <span class="radical-code">99</span> <span class="radical-plus">+</span> 丶 <span class="radical-code">6-</span>（❌ ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> <span class="radical-special">囗</span> <span class="radical-code">04</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 乂 <span class="radical-code">98</span>）
                                </p>
                            </div>        
                    
                            <p>大根先取原則雖然簡單易懂，但透過上面一些例子可以看到，如果對行列輸入法「存在哪些字根」不熟悉，可能就會犯錯。</p>
                            <p>不過行列輸入法的優點就是您只要知道行列輸入法有什麼字根，就可以科學地輸入所有中文字，而要做到認識行列輸入法的字根非常簡單，您只要之後回來多看幾次這份教學、或是多到本站的<a href="radicals-and-examples.html" target="_blank">字根表</a>頁面看字根表以及字根實例就可以了，幾乎不用死記任何事情！</p>
                        </div>
                    </section>

                    <!-- the discontiguous radicals -->
                    <section id="discontiguous-radicals">
                        <h3>{{ appContent.discontiguousRadicals.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>這是在拆字與取碼原則中，您必須認識的最後一件事。行列輸入法有 10 個跨越筆順字根，它們可能是文字的外框，或是文字的骨幹。在拆字取碼時若遇到這些字根，則當作一個整體取掉而不拘泥筆順。</p>
                            <div class="example">
                                <p>外框型：<span class="radical-special">囗</span> <span class="radical-code">04</span><span class="radical-plus">、</span>匚 <span class="radical-code">12</span><span class="radical-plus">、</span><img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span><span class="radical-plus">、</span>廿 <span class="radical-code">41</span><span class="radical-plus">、</span>𦥑 <span class="radical-code">91</span>（<img src="/img/array30-radical/91與.png" class="radical" alt="行列字根 91，「學」冖上面部分去掉兩個ㄨ"> <span class="radical-code">91</span>）</p>
                                <p>骨幹型：工 <span class="radical-code">11</span><span class="radical-plus">、</span>大 <span class="radical-code">18</span><span class="radical-plus">、</span>儿 <span class="radical-code">2-</span><span class="radical-plus">、</span>木 <span class="radical-code">48</span><span class="radical-plus">、</span><img src="/img/array30-radical/91重.png" class="radical" alt="行列字根 91，「重」去掉中間的曰"> <span class="radical-code">91</span></p>
                            </div>        
                            
                            <p>除了這些跨越筆順的字根，其餘一律按書寫順序取碼。這件事情加上「<a href="#first-three-and-last-principle">前三後一原則</a>」以及「<a href="#big-radical-principle">大根先取原則</a>」，就完全規範了行列輸入法中所有中文字的拆字取碼，非常科學也簡單好懂。</p>
                            <p>雖然上面說列出了所有跨越筆順的字根，但沒有例子說明可能還是難以應用，所以下面為每個跨越筆順的字根給出一些實例。先來看外框型跨越筆順的字根：</p>
                            <p></p>
                            <div class="example">
                                <p>
                                    「<span class="radical-special">囗</span> <span class="radical-code">04</span>」<br>
                                    困：<span class="radical-special">囗</span> <span class="radical-code">04</span> <span class="radical-plus">+</span> 木 <span class="radical-code">48</span><br>
                                    回：<span class="radical-special">囗</span> <span class="radical-code">04</span> <span class="radical-plus">+</span> 口 <span class="radical-code">0-</span><br>
                                    固：<span class="radical-special">囗</span> <span class="radical-code">04</span> <span class="radical-plus">+</span> 十 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 口 <span class="radical-code">0-</span><br>
                                    曲：<span class="radical-special">囗</span> <span class="radical-code">04</span> <span class="radical-plus">+</span> 卄 <span class="radical-code">4-</span><br>
                                    鹵：⺊ <span class="radical-code">31</span> <span class="radical-plus">+</span> <span class="radical-special">囗</span>  <span class="radical-code">04</span> <span class="radical-plus">+</span> 乂 <span class="radical-code">98</span> <span class="radical-plus">+</span> 丶 <span class="radical-code">6-</span><br>
                                </p>
                                <p>
                                    「匚 <span class="radical-code">12</span>」<br>
                                    匠：匚 <span class="radical-code">12</span> <span class="radical-plus">+</span> 斤 <span class="radical-code">93</span><br>
                                    匹：匚 <span class="radical-code">12</span> <span class="radical-plus">+</span> ㄦ <span class="radical-code">8-</span><br>
                                    巨：匚 <span class="radical-code">12</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span><br>
                                    臣：匚 <span class="radical-code">12</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span><br>
                                </p>
                                <p>
                                    「<img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span>」<br>
                                    巴：<img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span> <span class="radical-plus">+</span> 乚 <span class="radical-code">2-</span><br>
                    
                                </p>
                                <p>
                                    「廿 <span class="radical-code">41</span>」<br>
                                    甘：廿 <span class="radical-code">41</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span><br>
                                </p>
                                <p>
                                    「𦥑 <span class="radical-code">91</span>*」（<img src="/img/array30-radical/91與.png" class="radical" alt="行列字根 91，「學」冖上面部分去掉兩個ㄨ"> <span class="radical-code">91</span>*）<br>                
                                    叟*：𦥑 <span class="radical-code">91</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span> <span class="radical-plus">+</span> 又 <span class="radical-code">58</span><br>
                                    盥：𦥑 <span class="radical-code">91</span> <span class="radical-plus">+</span> 水 <span class="radical-code">38</span> <span class="radical-plus">+</span> 皿 <span class="radical-code">71</span><br>
                                    興：<img src="/img/array30-radical/91與.png" class="radical" alt="行列字根 91，「學」冖上面部分去掉兩個ㄨ"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 冂 <span class="radical-code">7-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/10可.png" class="radical" alt="行列字根 10，「可」去掉最末筆畫"> <span class="radical-code">10</span> <span class="radical-plus">+</span> 八 <span class="radical-code">8-</span><br>
                                    與：<img src="/img/array30-radical/91與.png" class="radical" alt="行列字根 91，「學」冖上面部分去掉兩個ㄨ"> <span class="radical-code">91</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/19與.png" class="radical" alt="行列字根 19，「與」上半部中間"> <span class="radical-code">19</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 八 <span class="radical-code">8-</span><br>
                                    學：<img src="/img/array30-radical/91與.png" class="radical" alt="行列字根 91，「學」冖上面部分去掉兩個ㄨ"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 乂 <span class="radical-code">98</span> <span class="radical-plus">+</span> 乂 <span class="radical-code">98</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫"> <span class="radical-code">4-</span><br>
                                </p>
                                <p class="comment">註：看到此字根就要先取，再取它裡面的東西，這就是跨越筆畫的意思。當然，有些字例如「叟」這樣取碼本來就符合<a href="https://stroke-order.learningweb.moe.edu.tw/characters.do?lang=zh_TW" target="_blank">教育部國字標準字體筆順</a>，所以實際上並沒有跨筆順。</p>
                            </div>
                            接著來看骨幹型跨越筆順的字根：
                            <div class="example">
                                <p>
                                    字根「工 <span class="radical-code">11</span>」<br>
                                    巫：工 <span class="radical-code">11</span> <span class="radical-plus">+</span> 人 <span class="radical-code">8-</span> <span class="radical-plus">+</span> 人 <span class="radical-code">8-</span><br>
                                </p>
                                <p>
                                    字根「大 <span class="radical-code">18</span>」<br>
                                    夾：大 <span class="radical-code">18</span> <span class="radical-plus">+</span> 人 <span class="radical-code">8-</span> <span class="radical-plus">+</span> 人 <span class="radical-code">8-</span><br>
                                    爽：大 <span class="radical-code">18</span> <span class="radical-plus">+</span> 乂 <span class="radical-code">98</span> <span class="radical-plus">+</span> 乂 <span class="radical-code">98</span> <span class="radical-plus">+</span> 乂 <span class="radical-code">98</span>
                                </p>
                                <p>
                                    字根「儿 <span class="radical-code">2-</span>」<br>
                                    兆：儿 <span class="radical-code">2-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/88求.png" class="radical" alt="行列字根 88，「求」第三到六筆畫"> <span class="radical-code">88</span>
                                </p>
                                <p>
                                    字根「木 <span class="radical-code">48</span>」<br>
                                    末：木 <span class="radical-code">48</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span><br>
                                    東：木 <span class="radical-code">48</span> <span class="radical-plus">+</span> 曰 <span class="radical-code">01</span><br>
                                    柬：木 <span class="radical-code">48</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/08曾(1).png" class="radical" alt="行列字根 08，「曾」去掉最初兩筆畫再去掉日再去掉中間豎線"> <span class="radical-code">08</span><br>
                                    來：木 <span class="radical-code">48</span> <span class="radical-plus">+</span> 人 <span class="radical-code">8-</span> <span class="radical-plus">+</span> 人 <span class="radical-code">8-</span><br>
                                    刺：木 <span class="radical-code">48</span> <span class="radical-plus">+</span> 冂 <span class="radical-code">7-</span> <span class="radical-plus">+</span> 刂 <span class="radical-code">33</span><br>
                                    乘：㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 木 <span class="radical-code">48</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/31北.png" class="radical" alt="行列字根 31，「北」左半邊"> <span class="radical-code">31</span> <span class="radical-plus">+</span> 匕 <span class="radical-code">12</span><br>
                                    
                                </p>
                                <p>
                                    字根「<img src="/img/array30-radical/91重.png" class="radical" alt="行列字根 91，「重」去掉中間的曰"> <span class="radical-code">91</span>」<br>
                                    重：<img src="/img/array30-radical/91重.png" class="radical" alt="行列字根 91，「重」去掉中間的曰"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 曰 <span class="radical-code">01</span><br>
                                    垂：<img src="/img/array30-radical/91重.png" class="radical" alt="行列字根 91，「重」去掉中間的曰"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 艹 <span class="radical-code">4-</span><br>
                                </p>
                            </div>
                        </div>
                    </section>

                    <p v-if='local == "tw"'>以上就是<a href="#decomposition-rules">拆字與取碼原則</a>的所有介紹！行列輸入法的拆碼就是如此簡單、有邏輯，所有字都依照上述拆字與取碼原則拆字，<b>沒有任何例外狀況或額外的規則！</b></p>
                    <p v-if='local == "tw"'>您只要再閱讀接下來的「<a href="#rarely-used-character">罕用字以及簡體字</a>、<a href="#entering-standard-codes">輸入</a>、<a href="#coincident-code">重碼</a>」這三節，您就可以透過行列輸入法輸入所有字了！</p>

                    <p class="comment" v-if='local == "tw"'>註：當然，拆碼不能將筆畫斷開。例如「里」字是「曰 <span class="radical-code">01</span> <span class="radical-plus">+</span> 土<span class="radical-code">41</span>」，不能斷筆畫拆成「田 <span class="radical-code">04</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span>」，或是「弟」字是「<img src="/img/array30-radical/8-立.png" class="radical" alt="行列字根 8-，「旁」亠和冖之間的部分"> <span class="radical-code">8-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span> <span class="radical-plus">+</span> ㇉ <span class="radical-code">5-</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span>」，不能斷筆畫將第一個字根拆成「<img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」"> <span class="radical-code">81</span>」。</p>
                </section>

                <!-- Rare characters and simplified Chinese characters -->
                <section id="rarely-used-character">
                    <h2>{{ appContent.rareCharacter.title[local] }}</h2>
                    <p>{{ appContent.rareCharacter.introduction[local] }}</p>
                    <div class="example">                    
                        <ol style="padding-left: 24px;">
                            <li v-html='appContent.rareCharacter.case1[local]'></li>
                            <li v-html='appContent.rareCharacter.case2[local]'></li>
                            <li v-html='appContent.rareCharacter.case3[local]'></li>
                        </ol>
                    </div>
                    
                    <p v-html='appContent.rareCharacter.simple[local]'></p>
            
                    <p>{{ appContent.rareCharacter.clickdetails[local] }}</p>
                    
                    <div class="comment">
                        <p v-html='appContent.rareCharacter.comDisplayPar1[local]'></p>
                        <p v-html='appContent.rareCharacter.comDisplayPar2[local]'></p>
                    </div>
                    
                    <details>
                        <summary>{{ appContent.rareCharacter.details1.summary[local] }}</summary>
                        <div class="example">
                            <p>
                                <span class="keycap keycap-letter">1↑</span>：匕 <span class="radical-code">12</span><span class="radical-plus">、</span>匚 <span class="radical-code">12</span><br>
                                <span class="keycap keycap-letter">1↓</span>：厂 <span class="radical-code">19</span><br>
                                <span class="keycap keycap-letter">2↑</span>：丱 <span class="radical-code">22</span><br>
                                <span class="keycap keycap-letter">2-</span>：几 <span class="radical-code">2-</span><span class="radical-plus">、</span>儿 <span class="radical-code">2-</span><br>
                                <span class="keycap keycap-letter">2↓</span>：糸 <span class="radical-code">28</span><span class="radical-plus">、</span>爿 <span class="radical-code">29</span><br>
                                <span class="keycap keycap-letter">3↑</span>：虍 <span class="radical-code">32</span><br>
                                <span class="keycap keycap-letter">3-</span>：凵 <span class="radical-code">3-</span>、屮 <span class="radical-code">3-</span><br>
                                <span class="keycap keycap-letter">3↓</span>：氵 <span class="radical-code">38</span>、氺 <span class="radical-code">38</span>、㣺 <span class="radical-code">36</span><br>
                                <span class="keycap keycap-letter">4-</span>：廾 <span class="radical-code">4-</span>、丰 <span class="radical-code">4-</span>、卅 <span class="radical-code">4-</span>、卌 <span class="radical-code">4-</span>{{ appContent.rareCharacter.details1.hiddenRadical[local] }}<br>
                                <span class="keycap keycap-letter">4↓</span>：朩 <span class="radical-code">48</span><br>
                                <span class="keycap keycap-letter">5↑</span>：彐 <span class="radical-code">51</span>、阝 <span class="radical-code">53</span><br>
                                <span class="keycap keycap-letter">5-</span>：户 <span class="radical-code">5-</span>、乛 <span class="radical-code">5-</span>、戸 <span class="radical-code">5-</span><br>
                                <span class="keycap keycap-letter">5↓</span>：尸 <span class="radical-code">59</span><br>
                                <span class="keycap keycap-letter">6↑</span>：亠 <span class="radical-code">61</span>、讠 <span class="radical-code">62</span>、吂 <span class="radical-code">60</span>、訁 <span class="radical-code">60</span><br>
                                <span class="keycap keycap-letter">6-</span>：丶 <span class="radical-code">6-</span>、疒 <span class="radical-code">6-</span><br>
                                <span class="keycap keycap-letter">6↓</span>：产 <span class="radical-code">69</span>、宀 <span class="radical-code">67</span>、广 <span class="radical-code">69</span>、忄 <span class="radical-code">66</span>、辶 <span class="radical-code">68</span>、㣺 <span class="radical-code">66</span>*<br>
                                <span class="keycap keycap-letter">7-</span>：冂 <span class="radical-code">7-</span>、冖 <span class="radical-code">7-</span>、卩 <span class="radical-code">7-</span><br>
                                <span class="keycap keycap-letter">7↓</span>：禸 <span class="radical-code">76</span><br>
                                <span class="keycap keycap-letter">8↑</span>：钅 <span class="radical-code">82</span>、亼 <span class="radical-code">81</span>、亽 <span class="radical-code">81</span>、釒 <span class="radical-code">81</span>、䒑 <span class="radical-code">81</span><br>
                                <span class="keycap keycap-letter">8-</span>：亻 <span class="radical-code">8-</span>、冫 <span class="radical-code">8-</span>、丷 <span class="radical-code">8-</span>、乀 <span class="radical-code">8-</span>、乁 <span class="radical-code">8-</span><br>                        
                                <span class="keycap keycap-letter">9↑</span>：气 <span class="radical-code">92</span><br>
                                <span class="keycap keycap-letter">9-</span>：丿 <span class="radical-code">9-</span>*、勹 <span class="radical-code">95</span><br>
                                <span class="keycap keycap-letter">9↓</span>：乂 <span class="radical-code">98</span>、彳 <span class="radical-code">98</span>、豸 <span class="radical-code">99</span><br>
                                <span class="keycap keycap-letter">0↑</span>：囗 <span class="radical-code">04</span><br>
                                <span class="keycap keycap-letter">0↓</span>：罒 <span class="radical-code">08</span><br>
                            </p>
            
                            <p v-html='appContent.rareCharacter.details1.par1[local]'></p>
            
                            <p class="comment">{{ appContent.rareCharacter.details1.com2[local] }}</p>
                        </div>
                        
                    </details>
                    <details>
                        <summary v-html='appContent.rareCharacter.details2.summary[local]'></summary>
                        <div class="example">
                            <p>
                                <span class="keycap keycap-letter">1↑</span>：匸 <span class="radical-code">12</span>、㐄 <span class="radical-code">13</span>、𠤎 <span class="radical-code">12</span>、𠮛 <span class="radical-code">10</span><br>
                                <span class="keycap keycap-letter">1↓</span>：镸 <span class="radical-code">16</span>、𠂇 <span class="radical-code">19</span>、𠫓 <span class="radical-code">16</span>、𡗗 <span class="radical-code">18</span><br>
                                <span class="keycap keycap-letter">2↑</span>：巛 <span class="radical-code">22</span>、巜 <span class="radical-code">22</span>、彑 <span class="radical-code">21</span>、𡿦 <span class="radical-code">22</span>、<br>
                                <span class="keycap keycap-letter">2-</span>：乚、𠃉、𠃊、𠃋、𠄌、𠘧、𠘨、𡿨、𧾷 <span class="radical-code">2-</span><br>
                                <span class="keycap keycap-letter">2↓</span>：乡 <span class="radical-code">29</span>{{ appContent.rareCharacter.details1.hiddenRadical[local] }}、厶 <span class="radical-code">26</span>、幺 <span class="radical-code">26</span>、纟 <span class="radical-code">28</span>、糹 <span class="radical-code">28</span>、<br>
                                <span class="keycap keycap-letter">3↑</span>：刂 <span class="radical-code">33</span>、𣶒 <span class="radical-code">33</span><br>
                                <span class="keycap keycap-letter">3-</span>：丨、亅 <span class="radical-code">3-</span><br>
                                <span class="keycap keycap-letter">3↓</span>：𡭔 <span class="radical-code">38</span>、𣥂 <span class="radical-code">39</span><br>
                                <span class="keycap keycap-letter">4↑</span>：𬻂 <span class="radical-code">42</span><br>
                                <span class="keycap keycap-letter">4-</span>：艹、卄、丯、卝、𠀆、𬂛、𬺰 <span class="radical-code">4-</span><br>
                                <span class="keycap keycap-letter">4↓</span>：𣎳 <span class="radical-code">48</span><br>
                                <span class="keycap keycap-letter">5↑</span>：𫝀 <span class="radical-code">51</span><br>
                                <span class="keycap keycap-letter">5-</span>：𠃌、𠃍、𠃑、𠄎 <span class="radical-code">5-</span>、𢎘 <span class="radical-code">55</span><br>
                                <span class="keycap keycap-letter">5↓</span>：习 <span class="radical-code">58</span>、廴 <span class="radical-code"></span>、癶 <span class="radical-code">58</span>、𠃜 <span class="radical-code">59</span><br>
                                <span class="keycap keycap-letter">6↓</span>：𭕄 <span class="radical-code">69</span>、<br>
                                <span class="keycap keycap-letter">7-</span>：𠂊 <span class="radical-code">7-</span><br>
                                <span class="keycap keycap-letter">7↓</span>：贝 <span class="radical-code">78</span>、冎 <span class="radical-code">77</span><br>
                                <span class="keycap keycap-letter">8↑</span>：𠚕 <span class="radical-code">83</span><br>
                                <span class="keycap keycap-letter">8-</span>：𠆢 <span class="radical-code">8-</span><br>
                                <span class="keycap keycap-letter">8↓</span>：灬 <span class="radical-code">88</span>、㡀 <span class="radical-code">88</span><br>
                                <span class="keycap keycap-letter">9↑</span>：扌 <span class="radical-code">94</span>、𠀉 <span class="radical-code">91</span>、𠂉 <span class="radical-code">91</span>、𠂒 <span class="radical-code">91</span>、𦥑 <span class="radical-code">91</span>、𫶧 <span class="radical-code">92</span><br>
                                <span class="keycap keycap-letter">9-</span>：𥫗 <span class="radical-code">9-</span><br>
                                <span class="keycap keycap-letter">9↓</span>：夂 <span class="radical-code">98</span>、彡 <span class="radical-code">99</span>、攵 <span class="radical-code">98</span>、犭 <span class="radical-code">99</span>、乑 <span class="radical-code">98</span>、夊 <span class="radical-code">98</span>、爫 <span class="radical-code">99</span>、㐅 <span class="radical-code">98</span>、𠂆 <span class="radical-code">99</span>、𧰨 <span class="radical-code">98</span><br>
                                <span class="keycap keycap-letter">0↑</span>：𫩏 <span class="radical-code">03</span><br>
                                <span class="keycap keycap-letter">0↓</span>：𠁤 <span class="radical-code">08</span><br>
                            </p>
                            <p class="comment" v- html='appContent.rareCharacter.details1.com1[local]'></p>
                        </div>            
                    </details>        
            
                    <p v-html='appContent.rareCharacter.importantThirdPoint[local]'></p>
                    
                    <div class="example">
                        <p>{{ appContent.rareCharacter.forExample[local] }}</p>
                        <p v-html='appContent.rareCharacter.ex1[local]'></p>
                        <p v-html='appContent.rareCharacter.ex2[local]'></p>
                        <p v-html='appContent.rareCharacter.ex3[local]'></p>
                    </div>
                    <p v-html='appContent.rareCharacter.howToKnow[local]'></p>
            
                    <p>{{ appContent.rareCharacter.moreExamples[local] }}</p>
                    <div class="example">
                        <p v-html='appContent.rareCharacter.moreEx1[local]'></p>
                        <p v-html='appContent.rareCharacter.moreEx2[local]'></p>
                        <p v-html='appContent.rareCharacter.moreEx3[local]'></p>
                    </div>
            
                    <p v-html='appContent.rareCharacter.thatsAll[local]'></p>        
                    
                    <div class="comment">
                        <p v-html='appContent.rareCharacter.finalCom.par1[local]'></p>
                        <p v-html='appContent.rareCharacter.finalCom.par2[local]'></p>
                        <p v-html='appContent.rareCharacter.finalCom.par3[local]'></p>
                        <p v-html='appContent.rareCharacter.finalCom.par4[local]'></p>
                    </div>
                </section>

                <!-- Entering standard codes -->
                <section id="entering-standard-codes">
                    <h2>{{ appContent.enteringStandardCodes.title[local] }}</h2>
                    <p v-html='appContent.enteringStandardCodes.introduction[local]'></p>
                    <p v-html='appContent.enteringStandardCodes.description[local]'></p>
                    <div class="example">
                        <p v-html='appContent.enteringStandardCodes.examples.par1[local]'></p>
                        <p v-html='appContent.enteringStandardCodes.examples.par2[local]'></p>
                        <p v-html='appContent.enteringStandardCodes.examples.par3[local]'></p>
                        <p v-html='appContent.enteringStandardCodes.examples.par4[local]'></p>
                        <p v-html='appContent.enteringStandardCodes.examples.par5[local]'></p>
                    </div>
                    <p v-html='appContent.enteringStandardCodes.preview[local]'></p>
                </section>

                <!-- Coincident codes -->
                <section id="coincident-code">
                    <h2>{{ appContent.coincidentCode.title[local] }}</h2>
                    <p>{{ appContent.coincidentCode.par1[local] }}</p>
                    <p>{{ appContent.coincidentCode.par2[local] }}</p>
                    <ol>
                        <li>{{ appContent.coincidentCode.methodLI1[local] }}</li>
                        <li>{{ appContent.coincidentCode.methodLI2[local] }}</li>        
                    </ol>
                    <p class="comment" v-html='appContent.coincidentCode.com1[local]'></p>
                </section>

                <!-- Error tolerance -->
                <section id="error-tolerance">
                    <h2>{{ appContent.errorTolerance.title[local] }}</h2>
                    <p>{{ appContent.errorTolerance.introduction1[local] }}</p>
                    <p>{{ appContent.errorTolerance.introduction2[local] }}</p>

                    <h3>{{ appContent.errorTolerance.strokeOrder.title[local] }}</h3>
                    <div class="example">
                        <p v-html='appContent.errorTolerance.strokeOrder.par1[local]'></p>
                        <hr class="hr-example">
                        <p v-html='appContent.errorTolerance.strokeOrder.par2[local]'></p>
                        <hr class="hr-example">
                        <p v-html='appContent.errorTolerance.strokeOrder.par3[local]'></p>
                    </div>
            
                    <h3>{{ appContent.errorTolerance.orthography.title[local] }}</h3>
                    <div class="example">
                        <p v-html='appContent.errorTolerance.orthography.par1[local]'></p>
                        <!-- <hr class="hr-example"> -->
                        <p v-html='appContent.errorTolerance.orthography.par2[local]'></p>
                    </div>                
            
                    <h3>{{ appContent.errorTolerance.decomposition.title[local] }}</h3>
                    <div class="example">
                        <p v-html='appContent.errorTolerance.decomposition.par1[local]'></p>
                        <p v-html='appContent.errorTolerance.decomposition.par2[local]'></p>
                        <p v-html='appContent.errorTolerance.decomposition.par3[local]'></p>
                        <p v-html='appContent.errorTolerance.decomposition.par4[local]'></p>
                        <p v-html='appContent.errorTolerance.decomposition.par5[local]'></p>
                        <p v-html='appContent.errorTolerance.decomposition.par6[local]'></p>
                        <p v-html='appContent.errorTolerance.decomposition.par7[local]'></p>
                        <p v-html='appContent.errorTolerance.decomposition.par8[local]'></p>
                    </div>
            
                    <p>{{ appContent.errorTolerance.mixture.par1[local] }}</p>
                    <div class="example">
                        <p v-html='appContent.errorTolerance.mixture.ex1[local]'></p>
                        <hr class="hr-example">
                        <p v-html='appContent.errorTolerance.mixture.ex2[local]'></p>
                    </div>
                </section>

                <!-- share button -->
                <div style="margin-top: 60px; margin-bottom: 60px;">
                    {{ appContent.shareThisPageOn[local] }}
                    <img class="social-share facebook-share" tabindex="0">
                    <img class="social-share twitter-share" tabindex="0">
                    <img class="social-share line-share" tabindex="0">
                    <img class="social-share telegram-share" tabindex="0">
                    <img class="social-share linkedIn-share" tabindex="0">
                </div>

                <!-- Wild card -->
                <section id="wild-card">
                    <h2>{{ appContent.wildCard.title[local] }}</h2>
                    <p v-html='appContent.wildCard.description[local]'></p>

                    <!-- Question mark '?'' -->
                    <section id="wild-card--question-mark">
                        <h3>{{ appContent.questionMark.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>在鍵入行列 30 鍵時，輸入 <span class="keycap keycap-letter">?</span> 代表任意一顆行列 30 鍵。輸入 <span class="keycap keycap-letter">?</span> 的方法為按住 <span class="keycap keycap-letter">Shift</span> 同時按下 <span class="keycap keycap-letter">/</span>。</p>
            
                            <p>舉例來說，依序鍵入 <span class="keycap keycap-letter">1-</span>、<span class="keycap keycap-letter">?</span>，再按下空白鍵，行列視窗就會顯示所有剛好只有 2 顆行列 30 鍵並且第一顆鍵是 <span class="keycap keycap-letter">1-</span> 的字。</p>
                            <p class="comment">
                                註：有些版本的行列輸入法不用按空白鍵來進入查詢結果，行列視窗會即時顯示查詢結果，例如適用於 Windows 的 <a href="download.html#dime" target="_blank">DIME 行列</a>。後面不再贅述。
                            </p>
                            <p>如果符合的字超過 10 個，可以按空白鍵到下一頁，或是按方向鍵切換上一頁/下一頁。看到想要的字以數字鍵選擇完成輸入。</p>
                            <p class="comment">
                                註：如果使用的行列版本不需要按空白鍵進入查詢結果，查詢結果可能不能使用空白鍵翻頁，例如適用於 Windows 的 <a href="download.html#dime" target="_blank">DIME 行列</a>。
                            </p>
                    
                            <p>又例如依序鍵入 <span class="keycap keycap-letter">3↑</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">4-</span>，再按下空白鍵，行列視窗就會顯示所有剛好只有 3 顆行列 30 鍵並且第一顆鍵是 <span class="keycap keycap-letter">3↑</span>、第三顆鍵是 <span class="keycap keycap-letter">4-</span> 的字。</p>
                            <p>以下舉出更多例子：</p>
                            <div class="example">
                                <p>依序鍵入 <span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">5↑</span>，再按下空白鍵，行列視窗就會顯示所有剛好只有 2 顆行列 30 鍵並且第二顆鍵是 <span class="keycap keycap-letter">5↑</span> 的字；</p>
                    
                                <p>依序鍵入 <span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">5↑</span>，再按下空白鍵，行列視窗就會顯示所有剛好只有 3 顆行列 30 鍵並且第三顆鍵是 <span class="keycap keycap-letter">5↑</span> 的字；</p>
                    
                                <p>依序鍵入 <span class="keycap keycap-letter">1-</span>、<span class="keycap keycap-letter">5-</span>、<span class="keycap keycap-letter">?</span>，再按下空白鍵，行列視窗就會顯示所有剛好只有 3 顆行列 30 鍵並且第一顆鍵是 <span class="keycap keycap-letter">1-</span>、第二顆鍵是 <span class="keycap keycap-letter">5-</span> 的字；</p>
                    
                                <p>依序鍵入 <span class="keycap keycap-letter">6↓</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">3-</span>，再按下空白鍵，行列視窗就會顯示所有剛好只有 4 顆行列 30 鍵並且第一顆鍵是 <span class="keycap keycap-letter">6↓</span>、第四顆鍵是 <span class="keycap keycap-letter">3-</span> 的字；</p>
                    
                                <p>依序鍵入 <span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">7↑</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">1-</span>，再按下空白鍵，行列視窗就會顯示所有剛好只有 4 顆行列 30 鍵並且第二顆鍵是 <span class="keycap keycap-letter">7↑</span>、第四顆鍵是 <span class="keycap keycap-letter">1-</span> 的字；</p>
                    
                                <p>依序鍵入 <span class="keycap keycap-letter">2↑</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">?</span>，再按下空白鍵，行列視窗就會顯示所有剛好有 5 顆行列 30 鍵並且第一顆鍵是 <span class="keycap keycap-letter">2↑</span> 的字，也就是所有普通輸入第一顆鍵是 <span class="keycap keycap-letter">2↑</span> 的罕用字！</p>
                            </div>
                    
                            <p class="comment">
                                註：有些版本的行列支援只有鍵入一或多顆 <span class="keycap keycap-letter">?</span> 而沒有任何行列 30 鍵的查詢，例如適用於 Windows 的<a href="download.html#new-Array" target="_blank">新行列輸入法</a>。但也有些版本不支援，例如適用於 Windows 的 <a href="download.html#dime" target="_blank">DIME 行列</a>。
                            </p>
                            
                            <p class="comment">
                                註：如果依序鍵入 <span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">8↑</span>，行列輸入法會搜索剛好只有 4 顆行列 30 鍵並且第四顆鍵是 <span class="keycap keycap-letter">8↑</span> 的字；<br>
                                同理如果依序鍵入 <span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">?</span>、<span class="keycap keycap-letter">8↑</span>，行列輸入法會搜索剛好只有 5 顆行列 30 鍵並且第五顆鍵是 <span class="keycap keycap-letter">8↑</span> 的字。<br>
                                由於罕用字的特色是要多按鍵位 <span class="keycap keycap-letter">8↑</span>，所以有非常大量的字符合以上兩種查詢條件，尤其是第二種查詢條件。有些版本的行列輸入法對這種有大量結果的查詢，可能會使您的電腦當機一下！
                            </p>
                        </div>
                    </section>

                    <!-- Asterisk '*' -->
                    <section id="wild-card--asterisk">
                        <h3>{{ appContent.asterisk.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>在鍵入行列 30 鍵時，輸入 <span class="keycap keycap-letter">*</span> 代表任意一或多顆行列 30 鍵。輸入 <span class="keycap keycap-letter">*</span> 的方法為按住 <span class="keycap keycap-letter">Shift</span> 同時按下 <span class="keycap keycap-number">8</span>。</p>
                        
                            <p>舉例來說，依序鍵入 <span class="keycap keycap-letter">1-</span>、<span class="keycap keycap-letter">*</span>，再按下空白鍵，行列視窗就會顯示所有至少有 2 顆行列 30 鍵並且第一顆鍵是 <span class="keycap keycap-letter">1-</span> 的字。</p>
                            <p class="comment">
                                註：有些版本的行列輸入法不用按空白鍵來進入查詢結果，行列視窗會即時顯示查詢結果，例如適用於 Windows 的 <a href="download.html#dime" target="_blank">DIME 行列</a>。後面不再贅述。
                            </p>
                            <p>如果符合的字超過 10 個，可以按空白鍵到下一頁，或是按方向鍵切換上一頁/下一頁。看到想要的字以數字鍵選擇完成輸入。</p>
                            <p class="comment">
                                註：如果使用的行列版本不需要按空白鍵進入查詢結果，查詢結果可能不能使用空白鍵翻頁，例如適用於 Windows 的 <a href="download.html#dime" target="_blank">DIME 行列</a>。
                            </p>
                    
                            <p>又例如依序鍵入 <span class="keycap keycap-letter">3↑</span>、<span class="keycap keycap-letter">*</span>、<span class="keycap keycap-letter">4-</span>，再按下空白鍵，行列視窗就會顯示所有至少有 3 顆行列 30 鍵並且第一顆鍵是 <span class="keycap keycap-letter">3↑</span>、最後一顆鍵是 <span class="keycap keycap-letter">4-</span> 的字。</p>
                            <p>以下舉出更多例子：</p>
                    
                            <div class="example">
                                <p>依序鍵入 <span class="keycap keycap-letter">*</span>、<span class="keycap keycap-letter">5↑</span>，再按下空白鍵，行列視窗就會顯示所有至少有 2 顆行列 30 鍵並且最後一顆鍵是 <span class="keycap keycap-letter">5↑</span> 的字；</p>
                    
                                
                                <p>依序鍵入 <span class="keycap keycap-letter">1-</span>、<span class="keycap keycap-letter">5-</span>、<span class="keycap keycap-letter">*</span>，再按下空白鍵，行列視窗就會顯示所有至少有 3 顆行列 30 鍵並且第一顆鍵是 <span class="keycap keycap-letter">1-</span>、第二顆鍵是 <span class="keycap keycap-letter">5-</span> 的字。</p>
                            </div>
                            <p class="comment">
                                註：有些版本的行列支援只有鍵入一顆 <span class="keycap keycap-letter">*</span> 而沒有任何行列 30 鍵的查詢，也就是查詢結果包含所有字，例如 Windows 內建行列。但也有些版本不支援，例如<a href="download.html#new-Array" target="_blank">新行列輸入法</a>、<a href="download.html#dime" target="_blank">DIME 行列</a>。
                            </p>
                        </div>
                    </section>

                    <!-- Applications -->
                    <section id="wild-card--application">
                        <h3>{{ appContent.wildCardApplication.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>以上介紹完行列查詢功能，這裡舉幾個實際應用的例子。</p>
                            <p>例如要輸入「劑」這個字，但您可能還不熟悉行列拆碼。除了查碼這個選項外（網路查碼首選本網站的 <a href="dictionary.html" target="_blank">FISH UP 行列查碼</a> 😍），如果您知道這個字第一個字根是「亠 <span class="radical-code">61</span>」、最後一個字根是「刂 <span class="radical-code">33</span>」，而中間應該會有兩個字根，您就可以輸入 <span class="keycap keycap-letter">6↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">?</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">?</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">3↑</span>，按下空白鍵後行列視窗就會顯示所有剛好只有 4 顆行列 30 鍵並且第一顆鍵是 <span class="keycap keycap-letter">6↑</span>、第四顆鍵是 <span class="keycap keycap-letter">3↑</span> 的字：1 刻 2 端 3 齊 4 劑…，這時按下數字鍵 <span class="keycap keycap-number">4</span> 就可以完成「劑」的輸入。</p>
                            <p class="comment">註：不同版本的行列，查詢結果排序可能會不一樣。後面不再贅述。</p>
                            <p>如果您只知道第一個字根是「亠 <span class="radical-code">61</span>」、最後一個字根是「刂 <span class="radical-code">33</span>」，而中間至少一個字根但不確定有幾個，您就可以輸入 <span class="keycap keycap-letter">6↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">*</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">3↑</span>，按下空白鍵後行列視窗就會顯示至少有 3 顆行列 30 鍵並且第一顆鍵是 <span class="keycap keycap-letter">6↑</span>、最後一顆鍵是 <span class="keycap keycap-letter">3↑</span> 的字：1 刻 2 端 3 齊 4 証 5 劑…，這時按下數字鍵 <span class="keycap keycap-number">5</span> 就可以完成「劑」的輸入。</p>
                            <div class="example">
                                <p>例如您不會拆「檻」，不過您知道第一個字根是「木 <span class="radical-code">48</span>」、最後一個字根是「皿 <span class="radical-code">71</span>」，中間有兩個字根，您可以輸入 <span class="keycap keycap-letter">4↓</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">?</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">?</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">7↑</span>；如果知道中間至少一個但不確定有幾個字根，輸入 <span class="keycap keycap-letter">4↓</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">*</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">7↑</span>。</p>
                                <p>又例如您想輸入挑釁的「釁」，但是忘了怎麼寫這個字。您只記得上半部確定有字根「<img src="/img/array30-radical/91與.png" class="radical" alt="行列字根 91，「學」冖上面部分去掉兩個ㄨ"> <span class="radical-code">91</span>」和「冂 <span class="radical-code">7-</span>」，與「興」字類似，並且因為「釁」感覺很複雜應該還要取兩個字根，您就可以輸入 <span class="keycap keycap-letter">9↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">7-</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">?</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">?</span>。</p>
                                <p class="comment">註：「釁」上半部中間裡面其實不像「興」字是「<img src="/img/array30-radical/10可.png" class="radical" alt="行列字根 10，「可」去掉最末筆畫">」，正確寫法是一橫線下面附上 <span style="font-family:monospace;">T</span>。下半部則是像「學」把「子」去掉加上「酉」和「分」。</p>
                            </div>
                        </div>
                    </section>
                </section>

                <!-- Short codes -->
                <section id="short-code">
                    <h2>{{ appContent.shortCode.title[local] }}</h2>

                    <!-- Short codes I -->
                    <section id="short-code-I">
                        <h3>{{ appContent.shortCode1.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>一級簡碼的通則為<u>按完 1 顆行列 30 鍵後按一顆數字鍵</u>完成輸入。</p>
                            <p>當您按了 1 顆行列 30 鍵之後，行列視窗會出現 10 個字。這不是重碼字，而是常用的「一級簡碼字」，只要按對應的數字鍵就能把它選上。</p>
                            <div class="example">
                                <p>例如按下 <span class="keycap keycap-letter">7-</span>，行列視窗會顯示「1 目 2 刀 3 角 4 周 5 眼 6 運 7 解 8 肉 9 色 10 免」，如果接著按數字鍵 <span class="keycap keycap-number">5</span> ，便會打出「眼」字。</p>
                            </div>
                            <p>唯一例外是按下 <span class="keycap keycap-letter">2↑</span>，行列視窗只會出現 1 個字「女」，並且如果接著按數字鍵 <span class="keycap keycap-number">1</span> 想要選擇「女」，反而會進入標點符號選單而沒有輸入「女」。這是因為鍵位 <span class="keycap keycap-letter">2↑</span> = <span class="keycap keycap-letter">w</span> 保留給符號輸入了。輸入「女」字的正確方法為按 <span class="keycap keycap-letter">2↑</span> 後，再按 <span class="keycap keycap-space">Space</span> 完成輸入。</p>
                            
                            <p>一級簡碼的第一顆鍵，行列 30 鍵，一定是普通編碼的第一顆鍵；而第二顆鍵，數字鍵，多數是普通編碼第二顆鍵的行數（也就是第二字根碼的第一個數字），不過仍有不少一級簡碼字，一級簡碼的數字鍵不符合上述規則。</p>
                            <div class="example">
                                <p><span class="keycap keycap-letter">7-</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">5</span> 打出「眼」字，「眼」的普通編碼是「<span class="radical-special">目</span> <span class="radical-code">7-</span> <span class="radical-plus">+</span> 彐 <span class="radical-code">51</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/28衣.png" class="radical" alt="行列字根 28，「衣」去掉前三筆畫"> <span class="radical-code">28</span>」，第二顆鍵的行數為 5，正是一級簡碼的數字鍵。按下 <span class="keycap keycap-letter">7-</span> 出現的「4 周、7 解、8 肉、0 免」也都是相同的道理。<br>
                                但像是「運」字的一級簡碼 <span class="keycap keycap-letter">7-</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">6</span> 就不符合此規則，因為它的普通編碼為「冖 <span class="radical-code">7-</span> <span class="radical-plus">+</span> 車 <span class="radical-code">14</span> <span class="radical-plus">+</span> 辶 <span class="radical-code">68</span>」，第二顆鍵的行數 1 並不是一級簡碼的數字鍵。
                                </p>
                            </div>
                            <p>實際使用上，輸入一顆行列 30 鍵後，在行列視窗上有看到想要的字就可以用數字鍵選擇完成輸入，所以一級簡碼可以透過經驗習得。當然一級簡碼也可以特別去記憶，但<b>一開始學習行列輸入法時，不建議特別花心力去記哪些字有一級簡碼也不建議特別去記它們一級簡碼的數字鍵</b>，應先以熟悉字的取碼為主（也就是普通編碼）。</p>
                            <p>另外，有 20 個全形符號有一級簡碼，包括常用的全形標點符號。這些符號的一級簡碼在<a href="#symbol-with-short-code-I">後面符號部分</a>會詳細介紹。</p>
                        </div>
                        
                    </section>

                    <!-- Short codes II -->
                    <section id="short-code-II">
                        <h3>{{ appContent.shortCode2.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>二級簡碼的通則為<u>按完 2 顆行列 30 鍵後按一顆數字鍵</u>完成輸入。</p>
                            <p>當您按了 2 顆行列 30 鍵之後，行列視窗會出現一些字。這不是重碼字，而是「二級簡碼字」，只要按對應的數字鍵就能把它選上。</p>
                            <p>二級簡碼的頭兩顆鍵，行列 30 鍵，一定是普通編碼的前兩顆鍵；而第三顆鍵，數字鍵，<b>一定</b>是普通編碼第三顆鍵的行數（也就是第三字根碼的第一個數字）。也就是說如果知道一個字是二級簡碼字，就可以知道它二級簡碼的數字鍵，因為二級簡碼數字鍵完全遵循上述規則，無一例外。</p>
                            <div class="example">
                                <p>例如依序按下 <span class="keycap keycap-letter">1-</span>、<span class="keycap keycap-letter">7-</span>，行列視窗會顯示「4 再 6 麗 8 丙」，如果接著按數字鍵 <span class="keycap keycap-number">4</span> ，便會打出「再」字。</p>
                                <p>又例如如果您知道「為」這個字是二級簡碼字，因為「為」的普通編碼是「丶 <span class="radical-code">6-</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> ㇖ <span class="radical-code">5-</span> <span class="radical-plus">+</span> <span class="radical-special">灬</span> <span class="radical-code">88</span>」，所以它的二級簡碼就是「丶 <span class="radical-code">6-</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">5</span>」，輸入快速許多。（實際上「為」字也有一級簡碼「丶 <span class="radical-code">6-</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">9</span>」，輸入更快一些。）</p>
                            </div>
                            <p class="comment">註：鍵入兩顆行列 30 鍵，行列視窗上可能會出現一些「圓圈」或「方框」，看起來很像缺字。這是行列輸入法本身的設計，屬正常現象。同樣的狀況也出現在鍵入單一一顆行列 30 鍵 <span class="keycap keycap-letter">2↑</span> 時。</p>
                        </div>
                    </section>

                    <!-- Conclusion -->
                    <section id="short-code-conclusion">
                        <h3>{{ appContent.shortCodeConclusion.title[local] }}</h3>
                        <p>{{ appContent.shortCodeConclusion.par1[local] }}</p>
                        <p class="comment" v-html='appContent.shortCodeConclusion.com1[local]'></p>
                    </section>
                </section>

                <!-- Symbols -->
                <section id="symbol">
                    <h2>{{ appContent.symbol.title[local] }}</h2>

                    <!-- Symbol lists -->
                    <section id="symbol-list">
                        <h3>{{ appContent.symbolList.title[local] }}</h3>
                        <p v-html='appContent.symbolList.description[local]'></p>
                        <div class="example">
                            <p>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">1</span>：{{ appContent.symbolList.list1[local] }}<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">2</span>：{{ appContent.symbolList.list2[local] }}<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">3</span>：{{ appContent.symbolList.list3[local] }}<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">4</span>：{{ appContent.symbolList.list4[local] }}<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">5</span>：{{ appContent.symbolList.list5[local] }}<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">6</span>：{{ appContent.symbolList.list6[local] }}<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">7</span>：{{ appContent.symbolList.list7[local] }}<br><span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">8</span>：{{ appContent.symbolList.list8[local] }}<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">9</span>：{{ appContent.symbolList.list9[local] }}<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">0</span>：{{ appContent.symbolList.list0[local] }}
                            </p>
                        </div>
                        
                        <p>{{ appContent.symbolList.exhaustiveLists[local] }}</p>
                        <div class="example">
                            <p>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">1</span>（{{ appContent.symbolList.list1[local] }}）<br>
                                ， 、 。 ． ‧ ； ： ？ ！ ︰ … ‥ ﹐ ﹑ ﹒ · ﹔ ﹕ ﹖ ﹗ ｜ – ︱ — ︳ ╴ ︴ ﹏<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">2</span>（{{ appContent.symbolList.list2[local] }}）<br>
                                （ ） ︵ ︶ ｛ ｝ ︷ ︸ 〔 〕 ︹ ︺ 【 】 ︻ ︼ 《 》 ︽ ︾ 〈 〉 ︿ ﹀ 「 」 ﹁ ﹂ 『 』 ﹃ ﹄ ﹙ ﹚ ﹛ ﹜ ﹝ ﹞ ‘ ’ “ ” 〝 〞 ‵ ′<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">3</span>（{{ appContent.symbolList.list3[local] }}）<br>
                                ＃ ＆ ＊ ※ § 〃 ○ ● △ ▲ ◎ ☆ ★ ◇ ◆ □ ■ ▽ ▼ ㊣ ℅ ¯ ￣ ＿ ˍ ﹉ ﹊ ﹍ ﹎ ﹋ ﹌ ﹟ ﹠ ﹡ ＋ － × ÷ ± √ ＜ ＞ ＝ ≦ ≧ ≠ ∞ ≒ ≡<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">4</span>（{{ appContent.symbolList.list4[local] }}）<br>
                                ﹢ ﹣ ﹤ ﹥ ﹦ ～ ∩ ∪ ⊥ ∠ ∟ ⊿ ㏒ ㏑ ∫ ∮ ∵ ∴<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">5</span>（{{ appContent.symbolList.list5[local] }}）<br>
                                ♀ ♂ ⊕ ⊙ ↑ ↓ ← → ↖ ↗ ↙ ↘ ∥ ∣ ／ ＼ ∕ ﹨<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">6</span>（{{ appContent.symbolList.list6[local] }}）<br>
                                ＄ ￥ 〒 ￠ ￡ ％ ＠ ℃ ℉ ﹩ ﹪ ﹫ ㏕ ㎜ ㎝ ㎞ ㏎ ㎡ ㎎ ㎏ ㏄ ° 兙 兛 兞 兝 兡 兣 嗧 瓩 糎<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">7</span>（{{ appContent.symbolList.list7[local] }}）<br>
                                ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▏ ▎ ▍ ▌ ▋ ▊ ▉ ┼ ┴ ┬ ┤ ├ ▔ ─ │ ▕ ┌ ┐ └ ┘ ╭ ╮ ╰ ╯ ═ ╞ ╪ ╡ ◢ ◣ ◥ ◤ ╱ ╲ ╳ ╔ ╦ ╗ ╠ ╬ ╣ ╚ ╩ ╝ ╒ ╤ ╕ ╘ ╧ ╛ ╓ ╥ ╖ ╟ ╫ ╢ ╙ ╨ ╜ ║ ▓<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">8</span>（{{ appContent.symbolList.list8[local] }}）<br>
                                ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ 〡 〢 〣 〤 〥 〦 〧 〨 〩 〸 〹 〺<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">9</span>（{{ appContent.symbolList.list9[local] }}）<br>
                                Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ τ υ φ χ ψ ω<br>
                                <span class="keycap keycap-letter">2↑</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">0</span>（{{ appContent.symbolList.list0[local] }}）<br>
                                ㄅ ㄆ ㄇ ㄈ ㄉ ㄊ ㄋ ㄌ ㄍ ㄎ ㄏ ㄐ ㄑ ㄒ ㄓ ㄔ ㄕ ㄖ ㄗ ㄘ ㄙ ㄚ ㄛ ㄜ ㄝ ㄞ ㄟ ㄠ ㄡ ㄢ ㄣ ㄤ ㄥ ㄦ ㄧ ㄨ ㄩ ˙ ˉ ˊ ˇ ˋ
                            </p>
                        </div>
                    </section>

                    <!-- Symbols having a short code I -->
                    <section id="symbol-with-short-code-I">
                        <h3>{{ appContent.symbolWithSC1.title[local] }}</h3>
                        <p>{{ appContent.symbolWithSC1.description[local] }}</p>
                        <p>{{ appContent.symbolWithSC1.fourSymbols.description[local] }}</p>
                        <div class="example">
                            <p v-html='appContent.symbolWithSC1.fourSymbols.engKeys[local]'></p>
                        </div>
                        <p v-html='appContent.symbolWithSC1.dSlash[local]'></p>

                        <!-- key d -->
                        <div class="example">
                            <p v-html='appContent.symbolWithSC1.key3Middle.description[local]'></p>
                            <p>
                                <span class="keycap keycap-letter">d</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">3</span>：！&emsp;&emsp;{{ appContent.symbolWithSC1.key3Middle.n3[local] }}<br>
                                <span class="keycap keycap-letter">d</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">4</span>：「&emsp;&emsp;{{ appContent.symbolWithSC1.key3Middle.n4[local] }}<br>
                                <span class="keycap keycap-letter">d</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">5</span>：」&emsp;&emsp;{{ appContent.symbolWithSC1.key3Middle.n5[local] }}<br>
                                <span class="keycap keycap-letter">d</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">6</span>：、&emsp;&emsp;{{ appContent.symbolWithSC1.key3Middle.n6[local] }}<br>
                                <span class="keycap keycap-letter">d</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">7</span>：“&emsp;&emsp;&ensp;{{ appContent.symbolWithSC1.key3Middle.n7[local] }}<br>
                                <span class="keycap keycap-letter">d</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">8</span>：”&emsp;&emsp;&ensp;{{ appContent.symbolWithSC1.key3Middle.n8[local] }}<br>
                                <span class="keycap keycap-letter">d</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">9</span>：（&emsp;&emsp;{{ appContent.symbolWithSC1.key3Middle.n9[local] }}<br>
                                <span class="keycap keycap-letter">d</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">0</span>：）&emsp;&emsp;{{ appContent.symbolWithSC1.key3Middle.n0[local] }}<br>
                            </p>
                        </div>

                        <!-- key / -->
                        <div class="example">
                            <p v-html='appContent.symbolWithSC1.key0Bottom.description[local]'></p>
                            <p>            
                                <span class="keycap keycap-letter">/</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">3</span>：？&emsp;&emsp;{{ appContent.symbolWithSC1.key0Bottom.n3[local] }}<br>
                                <span class="keycap keycap-letter">/</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">4</span>：『&emsp;&emsp;{{ appContent.symbolWithSC1.key0Bottom.n4[local] }}<br>
                                <span class="keycap keycap-letter">/</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">5</span>：』&emsp;&emsp;{{ appContent.symbolWithSC1.key0Bottom.n5[local] }}<br>
                                <span class="keycap keycap-letter">/</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">6</span>：．&emsp;&emsp;{{ appContent.symbolWithSC1.key0Bottom.n6[local] }}<br>
                                <span class="keycap keycap-letter">/</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">7</span>：–&emsp;&emsp;&ensp;{{ appContent.symbolWithSC1.key0Bottom.n7[local] }}<br>
                                <span class="keycap keycap-letter">/</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">8</span>：＊&emsp;&emsp;{{ appContent.symbolWithSC1.key0Bottom.n8[local] }}<br>
                                <span class="keycap keycap-letter">/</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">9</span>：／&emsp;&emsp;{{ appContent.symbolWithSC1.key0Bottom.n9[local] }}<br>
                                <span class="keycap keycap-letter">/</span> <span class="radical-plus">+</span> <span class="keycap keycap-number">0</span>：…&emsp;&emsp;{{ appContent.symbolWithSC1.key0Bottom.n0[local] }}<br>
                            </p>
                        </div>
                    </section>
                </section>

                <!-- Special codes -->
                <section id="special-code">
                    <h2>{{ appContent.specialCode.title[local] }}</h2>
                    <p v-html='appContent.specialCode.par1[local]'></p>
                    <p v-html='appContent.specialCode.par2[local]'></p>
                    <div class="example">
                        <p v-html='appContent.specialCode.par3[local]'></p>
                        <p v-html='appContent.specialCode.par4[local]'></p>
                    </div>
                    <p v-html='appContent.specialCode.par5[local]'></p>
                    <p class="comment" v-html='appContent.specialCode.com6[local]'></p>
                    <p class="comment">{{ appContent.specialCode.com7[local] }}</p>
                </section>

                <!-- Preview -->
                <section id="preview">
                    <h2>{{ appContent.preview.title[local] }}</h2>
                    <p>{{ appContent.preview.description[local] }}</p>
                    <p>{{ appContent.preview.k1[local] }}</p>
                    <p class="comment" v-html='appContent.preview.com1[local]'></p>
                    <p>{{ appContent.preview.k2[local] }}</p>
                    <p>{{ appContent.preview.k3[local] }}</p>
                    <p>{{ appContent.preview.k4[local] }}</p>
                    <p>{{ appContent.preview.k5[local] }}</p>
                    <p>{{ appContent.preview.atLeast3[local] }}</p>
                </section>

                <!-- share button -->
                <div style="margin-top: 60px; margin-bottom: 60px;">
                    {{ appContent.shareThisPageOn[local] }}
                    <img class="social-share facebook-share" tabindex="0">
                    <img class="social-share twitter-share" tabindex="0">
                    <img class="social-share line-share" tabindex="0">
                    <img class="social-share telegram-share" tabindex="0">
                    <img class="social-share linkedIn-share" tabindex="0">
                </div>

                <!-- Miscellaneous -->
                <section id="miscellaneous">
                    <h2>{{ appContent.miscellaneous.title[local] }}</h2>
                    <p v-html='appContent.miscellaneous.esc[local]'></p>
                    <p v-html='appContent.miscellaneous.numberKeys[local]'></p>
                    <p v-html='appContent.miscellaneous.circle[local]'></p>
                    <p v-html='appContent.miscellaneous.topBottom[local]'></p>
                    <p class="comment" v-html='appContent.miscellaneous.com1[local]'></p>
                </section>

                <!-- Other functionalities -->
                <section id="others">
                    <h2>{{ appContent.others.title[local] }}</h2>

                    <!-- Word association -->
                    <section id="word-association">
                        <h3>{{ appContent.wordAssociation.title[local] }}</h3>
                        <p v-html='appContent.wordAssociation.par1[local]'></p>
                        <p class="comment">{{ appContent.wordAssociation.com1[local] }}</p>
                    </section>

                    <!-- Traditional-simplified Chinese character Conversion -->
                    <section id="traditional-simplified-chinese-conversion">
                        <h3>{{ appContent.traditionalSimplifiedConversion.title[local] }}</h3>
                        <p v-html='appContent.traditionalSimplifiedConversion.par1[local]'></p>
                    </section>

                    <!-- Reverse loopup -->
                    <section id="reverse-lookup">
                        <h3>{{ appContent.reverseLookup.title[local] }}</h3>
                        <p v-html='appContent.reverseLookup.par1[local]'></p>
                        <p v-html='appContent.reverseLookup.par2[local]'></p>
                    </section>

                    <!-- Entering words -->
                    <section id="entering-words">
                        <h3>{{ appContent.enteringWords.title[local] }}</h3>
                        <p v-html=appContent.enteringWords.description[local]></p>
                        <p class="w3-pale-red w3-padding" style="border-left: 5px solid red;"> {{ appContent.enteringWords.superb[local] }}</p>
                        <p>{{ appContent.enteringWords.asFollows[local] }}</p>
                        <p>{{ appContent.enteringWords.char2[local] }}</p>
                        <div class="example">
                            <p>
                                {{ appContent.enteringWords.beforeWord[local] }}車子{{ appContent.enteringWords.betweenWordCode[local] }}車 <span class="radical-code">14</span> <span class="radical-plus">+</span> ㇖ <span class="radical-code">5-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/4-子.png" class="radical" alt="行列字根 4-，「子」末兩筆畫"> <span class="radical-code">4-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}地球{{ appContent.enteringWords.betweenWordCode[local] }}土  <span class="radical-code">41</span> <span class="radical-plus">+</span> 乚 <span class="radical-code">2-</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 丶 <span class="radical-code">6-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}所以{{ appContent.enteringWords.betweenWordCode[local] }}<span class="radical-special">戶</span> <span class="radical-code">5-</span> <span class="radical-plus">+</span> 斤 <span class="radical-code">93</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/26以.png" class="radical radical-special" alt="行列字根 26，「以」前三筆畫"> <span class="radical-code">26</span> <span class="radical-plus">+</span> 亻 <span class="radical-code">8-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}真的{{ appContent.enteringWords.betweenWordCode[local] }}十 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 八 <span class="radical-code">8-</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 丶 <span class="radical-code">6-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}壽司{{ appContent.enteringWords.betweenWordCode[local] }}士 <span class="radical-code">41</span> <span class="radical-plus">+</span> 丶 <span class="radical-code">6-</span> <span class="radical-plus">+</span> ㇆ <span class="radical-code">5-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/10可.png" class="radical" alt="行列字根 10，「可」去掉最末筆畫"> <span class="radical-code">10</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}但是{{ appContent.enteringWords.betweenWordCode[local] }}亻 <span class="radical-code">8-</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 日 <span class="radical-code">01</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/38龰.png" class="radical" alt="行列字根 38，「龰」"> <span class="radical-code">38</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}熱鬧{{ appContent.enteringWords.betweenWordCode[local] }}土 <span class="radical-code">41</span> <span class="radical-plus">+</span> <span class="radical-special">灬</span> <span class="radical-code">88</span> <span class="radical-plus">+</span> 鬥 <span class="radical-code">33</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                            </p>
                        </div>
                        <p>{{ appContent.enteringWords.char3[local] }}</p>
                        <div class="example">
                            <p>
                                {{ appContent.enteringWords.beforeWord[local] }}不知道{{ appContent.enteringWords.betweenWordCode[local] }}不 <span class="radical-code">16</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/91生.png" class="radical" alt="行列字根 91，「生」最初兩筆畫"> <span class="radical-code">91</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」"> <span class="radical-code">81</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}望遠鏡{{ appContent.enteringWords.betweenWordCode[local] }}亠 <span class="radical-code">61</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span> <span class="radical-plus">+</span> 金 <span class="radical-code">81</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}常看到{{ appContent.enteringWords.betweenWordCode[local] }}⺌ <span class="radical-code">38</span> <span class="radical-plus">+</span> 丨 <span class="radical-code">3-</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}那當然{{ appContent.enteringWords.betweenWordCode[local] }}㇆ <span class="radical-code">5-</span> <span class="radical-plus">+</span> 阝 <span class="radical-code">53</span> <span class="radical-plus">+</span> ⺌ <span class="radical-code">38</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/76祭.png" class="radical" alt="行列字根 76，「炙」去掉火"> <span class="radical-code">76</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}幸虧有{{ appContent.enteringWords.betweenWordCode[local] }}土 <span class="radical-code">41</span> <span class="radical-plus">+</span> 十 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 虍 <span class="radical-code">32</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/19尤.png" class="radical" alt="行列字根 19，「尤」前兩筆畫"><span class="radical-code">19</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}脾氣好{{ appContent.enteringWords.betweenWordCode[local] }}<span class="radical-special">⺼</span> <span class="radical-code">71</span> <span class="radical-plus">+</span> 十 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 气 <span class="radical-code">92</span> <span class="radical-plus">+</span> 女 <span class="radical-code">21</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}排骨飯{{ appContent.enteringWords.betweenWordCode[local] }}<img src="/img/array30-radical/94扌.png" class="radical radical-special" alt="行列字根 94，「扌」"> <span class="radical-code">94</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/31非右.png" class="radical" alt="行列字根 31，「非」右半邊"> <span class="radical-code">31</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/77冎.png" class="radical" alt="行列字根 77，「冎」"> <span class="radical-code">77</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/81合.png" class="radical" alt="行列字根 81，「合」去掉口"> <span class="radical-code">81</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                            </p>
                        </div>
                        <p>{{ appContent.enteringWords.char4[local] }}</p>
                        <div class="example">
                            <p>
                                {{ appContent.enteringWords.beforeWord[local] }}繩之以法{{ appContent.enteringWords.betweenWordCode[local] }}糸 <span class="radical-code">28</span> <span class="radical-plus">+</span> 之 <span class="radical-code">68</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/26以.png" class="radical radical-special" alt="行列字根 26，「以」前三筆畫"> <span class="radical-code">26</span> <span class="radical-plus">+</span> <span class="radical-special">氵</span> <span class="radical-code">38</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}隨時歡迎{{ appContent.enteringWords.betweenWordCode[local] }}阝 <span class="radical-code">53</span> <span class="radical-plus">+</span> 日 <span class="radical-code">01</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/4-雈.png" class="radical radical-special" alt="行列字根 4-，「夢」罒的上面"> <span class="radical-code">4-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/92氏.png" class="radical" alt="行列字根 92，「氏」最初兩筆畫"> <span class="radical-code">92</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}鬆鬆脆脆{{ appContent.enteringWords.betweenWordCode[local] }}镸 <span class="radical-code">16</span> <span class="radical-plus">+</span> 镸 <span class="radical-code">16</span> <span class="radical-plus">+</span> <span class="radical-special">⺼</span> <span class="radical-code">71</span> <span class="radical-plus">+</span> <span class="radical-special">⺼</span> <span class="radical-code">71</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}心地善良{{ appContent.enteringWords.betweenWordCode[local] }}心 <span class="radical-code">66</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/81䒑.png" class="radical" alt="行列字根 81，「䒑」"> <span class="radical-code">81</span> <span class="radical-plus">+</span> 丶 <span class="radical-code">6-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}非常重要{{ appContent.enteringWords.betweenWordCode[local] }}<img src="/img/array30-radical/31非左.png" class="radical" alt="行列字根 31，「非」左半邊"> <span class="radical-code">31</span> <span class="radical-plus">+</span> ⺌ <span class="radical-code">38</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/91重.png" class="radical" alt="行列字根 91，「重」去掉中間的曰"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}古典音樂{{ appContent.enteringWords.betweenWordCode[local] }}十 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 冂 <span class="radical-code">7-</span> <span class="radical-plus">+</span> 立 <span class="radical-code">61</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}幫得上忙{{ appContent.enteringWords.betweenWordCode[local] }}土 <span class="radical-code">41</span> <span class="radical-plus">+</span> 彳 <span class="radical-code">98</span> <span class="radical-plus">+</span> ⺊ <span class="radical-code">31</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/66忄.png" class="radical" alt="行列字根 66，「忄」">  <span class="radical-code">66</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                            </p>
                            <p>
                                {{ appContent.enteringWords.beforeWord[local] }}已開發國家{{ appContent.enteringWords.betweenWordCode[local] }}<img src="/img/array30-radical/51巳.png" class="radical" alt="行列字根 51，「巳去掉最末筆畫」"> <span class="radical-code">51</span> <span class="radical-plus">+</span> 門 <span class="radical-code">31</span> <span class="radical-plus">+</span> 癶 <span class="radical-code">58</span> <span class="radical-plus">+</span> <span class="radical-special">囗</span> <span class="radical-code">04</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}累進所得稅{{ appContent.enteringWords.betweenWordCode[local] }}田 <span class="radical-code">04</span> <span class="radical-plus">+</span> 亻 <span class="radical-code">8-</span> <span class="radical-plus">+</span> <span class="radical-special">戶</span> <span class="radical-code">5-</span> <span class="radical-plus">+</span> 彳 <span class="radical-code">98</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}習慣成自然{{ appContent.enteringWords.betweenWordCode[local] }}<img src="/img/array30-radical/58羽.png" class="radical" alt="行列字根 58，「羽」左半邊"> <span class="radical-code">58</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/66忄.png" class="radical" alt="行列字根 66，「忄」">  <span class="radical-code">66</span> <span class="radical-plus">+</span> 厂 <span class="radical-code">19</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}清明上河圖{{ appContent.enteringWords.betweenWordCode[local] }}<span class="radical-special">氵</span> <span class="radical-code">38</span> <span class="radical-plus">+</span> 日 <span class="radical-code">01</span> <span class="radical-plus">+</span> ⺊ <span class="radical-code">31</span> <span class="radical-plus">+</span> <span class="radical-special">氵</span> <span class="radical-code">38</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}行列輸入法{{ appContent.enteringWords.betweenWordCode[local] }}彳 <span class="radical-code">98</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 車 <span class="radical-code">14</span> <span class="radical-plus">+</span> 入 <span class="radical-code">8-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                            </p>
                            <p>
                                {{ appContent.enteringWords.beforeWord[local] }}雞蛋裡挑骨頭{{ appContent.enteringWords.betweenWordCode[local] }}爫 <span class="radical-code">99</span> <span class="radical-plus">+</span> ㇖ <span class="radical-code">5-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/63神.png" class="radical" alt="行列字根 63，「礻」去掉最後一筆劃"> <span class="radical-code">63</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/94扌.png" class="radical radical-special" alt="行列字根 94，「扌」"> <span class="radical-code">94</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}一覺睡到天亮{{ appContent.enteringWords.betweenWordCode[local] }}一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/91與.png" class="radical" alt="行列字根 91，「學」冖上面部分去掉兩個ㄨ"> <span class="radical-code">91</span> <span class="radical-plus">+</span> <span class="radical-special">目</span> <span class="radical-code">7-</span> <span class="radical-plus">+</span> 一 <span class="radical-code">1-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}神不知鬼不覺{{ appContent.enteringWords.betweenWordCode[local] }}<img src="/img/array30-radical/63神.png" class="radical" alt="行列字根 63，「礻」去掉最後一筆劃"> <span class="radical-code">63</span> <span class="radical-plus">+</span> 不 <span class="radical-code">16</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/91生.png" class="radical" alt="行列字根 91，「生」最初兩筆畫"> <span class="radical-code">91</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/92鬼.png" class="radical" alt="行列字根 92，「鬼」去掉厶"> <span class="radical-code">92</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                            </p>
                            <p>
                                {{ appContent.enteringWords.beforeWord[local] }}陽明山國家公園{{ appContent.enteringWords.betweenWordCode[local] }}阝 <span class="radical-code">53</span> <span class="radical-plus">+</span> 日 <span class="radical-code">01</span> <span class="radical-plus">+</span> <span class="radical-special">山</span> <span class="radical-code">3-</span> <span class="radical-plus">+</span> <span class="radical-special">囗</span> <span class="radical-code">04</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}天生我材必有用{{ appContent.enteringWords.betweenWordCode[local] }}一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/91生.png" class="radical" alt="行列字根 91，「生」最初兩筆畫"> <span class="radical-code">91</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 木 <span class="radical-code">48</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                            </p>
                            <p>
                                {{ appContent.enteringWords.beforeWord[local] }}智者千慮，必有一失{{ appContent.enteringWords.betweenWordCode[local] }}<img src="/img/array30-radical/91生.png" class="radical" alt="行列字根 91，「生」最初兩筆畫"> <span class="radical-code">91</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 虍 <span class="radical-code">32</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}舊的不去，新的不來{{ appContent.enteringWords.betweenWordCode[local] }}<img src="/img/array30-radical/4-雈.png" class="radical radical-special" alt="行列字根 4-，「夢」罒的上面"> <span class="radical-code">4-</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 不 <span class="radical-code">16</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                                {{ appContent.enteringWords.beforeWord[local] }}一言既出，駟馬難追{{ appContent.enteringWords.betweenWordCode[local] }}一 <span class="radical-code">1-</span> <span class="radical-plus">+</span> 言 <span class="radical-code">60</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/56即.png" class="radical" alt="行列字根 56，「即」左半邊"> <span class="radical-code">56</span> <span class="radical-plus">+</span> <span class="radical-special">屮</span> <span class="radical-code">3-</span>{{ appContent.enteringWords.afterCode[local] }}<br>
                            </p>
                            <p>                            
                                {{ appContent.enteringWords.beforeWord[local] }}晴川歷歷漢陽樹，芳草萋萋鸚鵡洲{{ appContent.enteringWords.betweenWordCode[local] }}日 <span class="radical-code">01</span> <span class="radical-plus">+</span> <img src="/img/array30-radical/33介.png" class="radical" alt="行列字根 33，「介」去掉前兩筆畫"> <span class="radical-code">33</span> <span class="radical-plus">+</span> 厂 <span class="radical-code">19</span> <span class="radical-plus">+</span> 厂 <span class="radical-code">19</span>{{ appContent.enteringWords.afterCode[local] }}
                            </p>
                        </div>
                        <p v-html='appContent.enteringWords.pressQuote[local]'></p>
                        <p class="comment">{{ appContent.enteringWords.com1[local] }}</p>
                    </section>

                    <!-- Aray 40 -->
                    <section id="array40">
                        <h3>{{ appContent.array40.title[local] }}</h3>
                        <p>{{ appContent.array40.par1[local] }}</p>
                    </section>

                    <!-- Array 10 -->
                    <section id="array10">
                        <h3>{{ appContent.array10.title[local] }}</h3>
                        <div v-if='local == "tw"'>
                            <p>在行動裝置上，除了一般的行列 30 外，還有一種變體「行列 30 數字版」可以使用，它更充分發揮了行動裝置可以觸控選字的功能，也解決了行動裝置螢幕較小衍生的問題。

                                <p>「行列 30 數字版」一般又稱為「行列 10」，使用 10 顆數字鍵輸入字符，通常以電話鍵盤呈現。只需要知道以下 3 點，就能夠輕鬆使用行列 10：</p>
                            
                                <ol>
                                    <li>拆字取碼後，字根碼如果是一個二位數字，則依序輸入這兩個數字；字根碼如果是一個數字加上連字號 -，則僅輸入該數字。罕字鍵直接忽略不做相關任何輸入，因此任何字在行列 10 的編碼最多為 8 個數字。
                                    <div class="example">
                                        <p>
                                            例如：<br>
                                            「老」字的編碼為「土 <span class="radical-code">41</span> <span class="radical-plus">+</span> ㇒ <span class="radical-code">9-</span> <span class="radical-plus">+</span> 匕 <span class="radical-code">12</span>」，所以使用行列 10 要輸入 41912；<br>
                                            「纏」字的編碼為「糸 <span class="radical-code">28</span> <span class="radical-plus">+</span> 广 <span class="radical-code">69</span> <span class="radical-plus">+</span> 曰 <span class="radical-code">01</span> <span class="radical-plus">+</span> 土 <span class="radical-code">41</span>」，所以使用行列 10 要輸入 28690141；<br>
                                            「卅」字的編碼為「卅 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 卅 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 卅 <span class="radical-code">4-</span> <span class="radical-plus">+</span> 卅 <span class="radical-code">4-</span>」，所以使用行列 10 要輸入 4444；<br>
                                            「东」字的編碼為「<img src="/img/array30-radical/12東.png" class="radical radical-sc" alt="行列字根 12，「东」前兩筆畫"> <span class="radical-code">12</span> <span class="radical-plus">+</span> 小 <span class="radical-code">38</span> <span class="radical-plus">+</span> <span class="keycap keycap-letter">8↑</span>」，所以使用行列 10 要輸入 1238。
                                        </p>
                                    </div></li>
                                    <li>行列 10 以輸入 <span class="radical-code">23</span> 代替鍵入符號鍵 <span class="keycap keycap-letter">2↑</span>。
                                    <div class="example">
                                        <p>
                                            例如輸入 232 進入括號符號選單、輸入 234 進入數學符號選單、輸入 230 進入注音符號選單等等。
                                        </p>
                                    </div>
                                    如果再鍵入 1 則候選字窗出現該符號選單的第 1 到 10 個符號，也就是符號選單的第一頁。</li>
                                    <div class="example">
                                        <p>
                                            例如輸入 2321 進入括號符號選單第一頁、輸入 2341 進入數學符號選單第一頁、輸入 2301 進入注音符號選單第一頁等等。
                                        </p>
                                    </div>
                                    同理，如果是再鍵入 2 則候選字窗出現該符號選單的第 11 到 20 個符號，也就是符號選單的第二頁，依此類推。
                                    <div class="example">
                                        <p>
                                            例如輸入 2322 進入括號符號選單第二頁、輸入 2343 進入數學符號選單第三頁、輸入 2304 進入注音符號選單第四頁等等。
                                        </p>
                                    </div>
                                    <li id="array10-255">
                                        行列 10 還多了輸入全形英文字母以及全形數字的功能。
                                        <div class="example">
                                            <p>輸入 255 後進入全形英文字母及全形數字選單。如果再鍵入：</p>
                                            <p>
                                                1，候選字窗出現大寫全形英文字母 A 到 J，也就是第 1 到 10 個字母。<br>
                                                2，候選字窗出現大寫全形英文字母 K 到 T，也就是第 11 到 20 個字母。<br>
                                                3，候選字窗出現大寫全形英文字母 U 到 Z，也就是第 21 到 26 個字母。<br>
                                                4，候選字窗出現小寫全形英文字母 a 到 j，也就是第 1 到 10 個字母。<br>
                                                5，候選字窗出現小寫全形英文字母 k 到 t，也就是第 11 到 20 個字母。<br>
                                                6，候選字窗出現小寫全形英文字母 u 到 z，也就是第 21 到 26 個字母。<br>
                                                0，候選字窗出現全形數字 0 到 9。
                                            </p>
                                        </div>
                                    </li>
                                </ol>
                                <p>使用 10 顆數字鍵鍵入數字的過程中，候選字窗出現想要的字就可以點擊選取以完成輸入，或是鍵入空白鍵來輸入候選字窗中鎖定住的字（通常是第一個字，但有時會鎖定輸入中的數字）。候選字窗出現聯想字也是點擊選取以完成輸入。</p>
                        
                                <p>行列 10 的電話鍵盤布局使得按鍵面積大、容易找且不容易按錯。並且實際使用上，時常還沒輸完數字，甚至只輸入 3、4 個數字，候選字窗就會出現想要的字了，使得行列 10 相當方便並容易上手。<u>行動裝置上非常推薦使用行列 10。</u></p>
                        
                                <p class="comment">註：<a href="http://hyperrate.com/thread.php?tid=21760" target="_blank">實測時</a>，90% 以上的日常用字只要 3 到 5 個數字即可輸入。</p>
                        </div>
                    </section>
                </section>

                <!-- Conclusion -->
                <section id="conclusion">
                    <h2>{{ appContent.conclusion.title[local] }}</h2>
                    <div v-if='local == "tw"'>
                        <p>恭喜您閱讀到這邊，行列輸入法教學到此結束！</p>
                        <p>行列輸入法是最容易學的字形輸入法之一，透過本站的行列教學，我們可以歸納出要能夠使用行列輸入法打字僅需要：</p>                
                        <div class="example">
                            <p>✔️ 至少完整閱讀過一次本站的<a href="tutorial-complete.html" target="_blank">行列輸入法教學</a></p>
                            <p>✔️ 記住 <a href="#fundamental-stroke-shape">10 個基本筆形</a>（其實只有直 3 需要死記，其它在本教學中都有記法）</p>
                            <p>✔️ 記住<a href="#specially-mapped-radical">特別歸位字根</a>（的存在）以及他們的字根碼（其實讀過本教學關於特別歸位字根的字根碼設計說明以及記法後，完全沒有任何需要死記的東西）</p>
                            <p>✔️ 瀏覽過所有<a href="#radical">字根</a>（並建議瀏覽過一次本站<a href="radicals-and-examples.html" target="_blank">字根表</a>裡面每個字根的頭兩個實例），這是為了知道有哪些字根存在以及如何拆字和取碼</p>
                            <p>✔️ 記得如何進入<a href="#symbol-list">符號選單</a></p>
                            <p>✔️ 就這樣，沒了，超科學超簡單</p>
                        </div>
                        
                        <p>如何從初學者變成能夠嫻熟地使用行列輸入法打字？下一個部份將會說明<a href="#best-way-to-learn-Array">行列輸入法最好的學習方法</a>，讓您有效率地從行列新手變成能行列達人。</p>
    
                        <div class="w3-center" style="margin: 40px auto;">
                            <a href="radicals-and-examples.html#radical-example-description" target="_blank" class="cta-button">超豐富的字根實例</a>
                            <a href="download.html#array-IME" target="_blank" class="cta-button">下載行列</a>
                            <a href="typing.html" target="_blank" class="cta-button">練習打字</a>
                            <a href="tutorial-recap.html" target="_blank" class="cta-button">複習與測驗</a>
                        </div>
                    </div>
                </section>

                <!-- share button -->
                <div style="margin-top: 60px; margin-bottom: 60px;">
                    {{ appContent.shareThisPageOn[local] }}
                    <img class="social-share facebook-share" tabindex="0">
                    <img class="social-share twitter-share" tabindex="0">
                    <img class="social-share line-share" tabindex="0">
                    <img class="social-share telegram-share" tabindex="0">
                    <img class="social-share linkedIn-share" tabindex="0">
                </div>

                <!-- The best way to learn Array -->
                <section id="best-way-to-learn-Array">
                    <h1>{{ appContent.bestWayToLearnArray.title[local] }}</h1>
                    <h3>{{ appContent.bestWayToLearnArray.subtitle[local] }}</h3>
                    <p>{{ appContent.bestWayToLearnArray.par1[local] }}</p>
                    <p>{{ appContent.bestWayToLearnArray.par2[local] }}</p>
                    <div class="example">
                        <p v-html='appContent.bestWayToLearnArray.par3[local]'></p>
                        <p v-html='appContent.bestWayToLearnArray.par4[local]'></p>
                        <p v-html='appContent.bestWayToLearnArray.par5[local]'></p>
                    </div>
                    <p v-html='appContent.bestWayToLearnArray.par6[local]'></p>

                    <div class="w3-center" style="margin: 40px auto;">
                        <a href="tutorial-recap.html" target="_blank" class="cta-button"><i class="fa fa-external-link" aria-hidden="true"></i> {{ appContent.bestWayToLearnArray.recapAndQuiz[local] }}</a>
                    </div>
                    
                    <p>{{ appContent.bestWayToLearnArray.par7[local] }}</p>

                    <!-- Phase 1 -->
                    <h3>{{ appContent.bestWayToLearnArray.phase1.title[local] }}</h3>
                    <p>{{ appContent.bestWayToLearnArray.phase1.par1[local] }}</p>
                    <div class="example">
                        <p v-html='appContent.bestWayToLearnArray.phase1.par2[local]'></p>
                    </div>
                    <p v-html='appContent.bestWayToLearnArray.phase1.par3[local]'></p>
                    <p>{{ appContent.bestWayToLearnArray.phase1.par4[local] }}</p>

                    <!-- Phase 2 -->
                    <h3>{{ appContent.bestWayToLearnArray.phase2.title[local] }}</h3>
                    <p>{{ appContent.bestWayToLearnArray.phase2.par1[local] }}</p>
                    <div class="example">
                        <p v-html='appContent.bestWayToLearnArray.phase2.par2[local]'></p>
                    </div>
                    <p>{{ appContent.bestWayToLearnArray.phase2.par3[local] }}</p>
                    <p>{{ appContent.bestWayToLearnArray.phase2.par4[local] }}</p>

                    <!-- Phase 3 -->
                    <h3>{{ appContent.bestWayToLearnArray.phase3.title[local] }}</h3>
                    <p>{{ appContent.bestWayToLearnArray.phase3.par1[local] }}</p>
                    <div class="example">
                        <p v-html='appContent.bestWayToLearnArray.phase3.par2[local]'></p>
                    </div>
                    <p>{{ appContent.bestWayToLearnArray.phase3.par3[local] }}</p>
                    <p>{{ appContent.bestWayToLearnArray.phase3.par4[local] }}</p>
                    <p class="comment">{{ appContent.bestWayToLearnArray.phase3.com5[local] }}</p>
                    <p class="comment">{{ appContent.bestWayToLearnArray.phase3.com6[local] }}</p>
                    <p>{{ appContent.bestWayToLearnArray.phase3.par7[local] }}</p>
                    <p v-html='appContent.bestWayToLearnArray.phase3.par8[local]'></p>
                    
                    <!-- Phase 4 -->
                    <h3>{{ appContent.bestWayToLearnArray.phase4.title[local] }}</h3>
                    <p>{{ appContent.bestWayToLearnArray.phase4.par1[local] }}</p>
                    <p>{{ appContent.bestWayToLearnArray.phase4.par2[local] }}</p>
                    <div class="example">
                        <p v-html='appContent.bestWayToLearnArray.phase4.par3[local]'></p>
                    </div>
                    <p v-html='appContent.bestWayToLearnArray.phase4.par4[local]'></p>

                    <!-- Last phase -->
                    <h3>{{ appContent.bestWayToLearnArray.phaseLast.title[local] }}</h3>
                    <p>{{ appContent.bestWayToLearnArray.phaseLast.par1[local] }}</p>
                    <p>{{ appContent.bestWayToLearnArray.phaseLast.par2[local] }}</p>
                    <div class="example">
                        <p v-html=appContent.bestWayToLearnArray.phaseLast.par3[local]></p>
                    </div>
                    <p>{{ appContent.bestWayToLearnArray.phaseLast.par4[local] }}</p>
                    <div class="comment">
                        <p v-html=appContent.bestWayToLearnArray.phaseLast.com5[local]></p>
                    </div>
                    <p v-html=appContent.bestWayToLearnArray.phaseLast.par6[local]></p>

                    <!-- Pages -->
                    <p>{{ appContent.bestWayToLearnArray.pages.description[local] }}</p>
                    <div class="example">
                        <p v-html='appContent.bestWayToLearnArray.pages.dictionary[local]'></p>
                        <p v-html='appContent.bestWayToLearnArray.pages.typing[local]'></p>
                        <p v-html='appContent.bestWayToLearnArray.pages.completeGuide[local]'></p>
                        <p v-html='appContent.bestWayToLearnArray.pages.recapQuiz[local]'></p>
                        <p v-html='appContent.bestWayToLearnArray.pages.table[local]'></p>

                        <!-- download Array btn -->
                        <div class="w3-center" style="margin: 50px auto;">
                            <a href="download.html" target="_blank" class="cta-button"><i class="fa fa-external-link" aria-hidden="true"></i> {{ appContent.bestWayToLearnArray.downloadArrayIME[local] }}</a>
                        </div>
                    </div>
                </section>

                <!-- share button -->
                <div style="margin-top: 60px; margin-bottom: 60px;">
                    {{ appContent.shareThisPageOn[local] }}
                    <img class="social-share facebook-share" tabindex="0">
                    <img class="social-share twitter-share" tabindex="0">
                    <img class="social-share line-share" tabindex="0">
                    <img class="social-share telegram-share" tabindex="0">
                    <img class="social-share linkedIn-share" tabindex="0">
                </div>

                <!-- contact & donation -->
                <div class="example">
                    <p v-html='appContent.contactMe[local]'></p>
                    <a href="https://www.buymeacoffee.com/misterfishup" target="_blank" style="text-align: center; display: block; margin: 32px;"><img src="/img/buy-me-a-cake-brown.png" :alt='appContent.buyMeACake[local]' :title='appContent.buyMeACake[local]'class="buy-me-a-coffee"></a>
                </div>
            </div>
        </div>

        <!-- Footer -->
        <app-footer></app-footer>
        
        <!-- back to top button -->
        <button type="button" id="to_top" class="toTop-arrow"></button>
    </div>

    <!-- script -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://unpkg.com/vue@3.0.0/dist/vue.global.prod.js"></script>
    <!-- <script src="https://unpkg.com/vue@3.0.0/dist/vue.global.js"></script> -->
    <script type="text/javascript" src="/app/local.js"></script>
    <script type="text/javascript" src="/app/tutorial-complete.js"></script>
    <script type="text/javascript" src="/app/app.js"></script>
    <script type="text/javascript" src="/js/toc.js"></script>
    <noscript>Sorry, your browser does not support JavaScript!</noscript>
</body>
</html>