CINXE.COM
UniViewSVG 16β
<!DOCTYPE html> <html lang="en-gb"> <head> <meta charset="utf-8"/> <title>UniViewSVG 16β</title> <link rel="stylesheet" href="uniview-style.css"> <!-- © Copyright 2001-2022 Richard Ishida [ishida@w3.org]. All rights reserved. --> <script src="../shared/code/boilerplate.js"></script> <script src="u.js"></script> <script src="descriptions.js"></script> <script src="../shared/code/scriptGroups.js"></script> <script src="../shared/code/explore.js"></script> <script src="subtitles.js"></script> <script src="../scripts/linkdata/linkdb.js"></script> <script src="function-text.js"></script> <script src="agemap.js"></script> <script src="propNames.js"></script> <script src="functions.js"></script> <script src="../app-conversion/conversionfunctions.js"></script> </head> <body> <header> <div id="header-boilerplate"></div> <script>document.getElementById('header-boilerplate').innerHTML = bp_compactHeader('../shared/images/world.gif','apps >> UniView 16beta');</script> <!--div id="header-boilerplate2"><div id="site-navigation"> <img id="bp_picture" class="compact" alt=" " src="../shared/images/world.gif"></div><div id="boilerplate"><div id="line" class="midlength"> </div></div> <div id="topbar"><a href="/">r12a</a> >> apps >> UniView 16beta</div><div id="sitelinks" class="noprint"><a href="../r12a.github.io/blog/index.html">blog</a> <a href="../r12a.github.io/doclist.html">docs</a> <a href="../r12a.github.io/maplist.html">maps</a> <a href="../r12a.github.io/applist.html">apps</a> <a href="../r12a.github.io/photos.html">photos</a> </div></div--> </header> <div role="main"> <br style="clear:both; height: 10px;"> <div id="dialogue"> <div id="panelWrapper"> <div id="tabpanels"> <div id="tabs"> <h2 class="ontab" id="lookuppaneltab" onclick="tabswitch('lookuppanel', 'listpanel optionspanel');">Look up</h2> <h2 id="listpaneltab" onclick="tabswitch('listpanel', 'lookuppanel optionspanel');">Filter</h2> <h2 id="optionspaneltab" onclick="tabswitch('optionspanel', 'listpanel lookuppanel');">Options</h2> <h2 id="helppaneltab" onclick="help = window.open('help.html', 'help'); help.focus();">Help</h2> </div> <!--br style="clear:both;"--> <!-- LOOKUP PANEL --> <div id="lookuppanel"> <div id="lookuppanelSub"> <div id="lookupFind"> <form action="none" onsubmit="showRange(); return false;"> <input id="findBlock" type="text" list="blockHints" placeholder=" Find a block name." title="Find blocks by typing." onChange=" range=getRange(this.value); firstcp=range.split(':'); infoptr = scriptInfoPointer(firstcp[0]); showSelection( getRange(this.value) ); this.value = ''" > <datalist id="blockHints"> <option value="Armenian">Armenian</option> <option value="Caucasian Albanian">Caucasian Albanian</option> <option value="Cypriot Syllabary">Cypriot Syllabary</option> <option value="Cyrillic">Cyrillic</option> <option value="Cyrillic Supplement">Cyrillic Supplement</option> <option value="Cyrillic Extended-A">Cyrillic Extended-A</option> <option value="Cyrillic Extended-B">Cyrillic Extended-B</option> <option value="Cyrillic Extended-C">Cyrillic Extended-C</option> <option value="Cyrillic Extended-D">Cyrillic Extended-D</option> <option value="Elbasan">Elbasan</option> <option value="Georgian">Georgian</option> <option value="Georgian Supplement">Georgian Supplement</option> <option value="Glagolitic">Glagolitic</option> <option value="Glagolitic Supplement">Glagolitic Supplement</option> <option value="Gothic">Gothic</option> <option value="Greek and Coptic">Greek and Coptic</option> <option value="Greek Extended">Greek Extended</option> <option value="Ancient Greek Numbers">Ancient Greek Numbers</option> <option value="Latin, Basic & Latin-1 Supplement">Latin, Basic & Latin-1 Supplement</option> <option value="Latin Extended-A">Latin Extended-A</option> <option value="Latin Extended-B">Latin Extended-B</option> <option value="Latin Extended-C">Latin Extended-C</option> <option value="Latin Extended-D">Latin Extended-D</option> <option value="Latin Extended-E">Latin Extended-E</option> <option value="Latin Extended Additional">Latin Extended Additional</option> <option value="IPA Extensions">IPA Extensions</option> <option value="Phonetic Extensions">Phonetic Extensions</option> <option value="Phonetic Extensions Supplement">Phonetic Extensions Supplement</option> <option value="Linear A">Linear A</option> <option value="Linear B Syllabary">Linear B Syllabary</option> <option value="Linear B Ideograms">Linear B Ideograms</option> <option value="Aegean Numbers">Aegean Numbers</option> <option value="Ogham">Ogham</option> <option value="Old Hungarian">Old Hungarian</option> <option value="Old Italic">Old Italic</option> <option value="Old Permic">Old Permic</option> <option value="Phaistos Disc">Phaistos Disc</option> <option value="Runic">Runic</option> <option value="Shavian">Shavian</option> <option value="Todhri">Todhri</option> <option value="Modifier Tone Letters">Modifier Tone Letters</option> <option value="Spacing Modifier Letters">Spacing Modifier Letters</option> <option value="Superscripts and Subscripts">Superscripts and Subscripts</option> <option value="Combining Diacritical Marks">Combining Diacritical Marks</option> <option value="Combining Diacritical Marks Extended">Combining Diacritical Marks Extended</option> <option value="Combining Diacritical Marks Supplement">Combining Diacritical Marks Supplement</option> <option value="Combining Diacritical Marks for Symbols">Combining Diacritical Marks for Symbols</option> <option value="Combining Half Marks">Combining Half Marks</option> <option value="Adlam">Adlam</option> <option value="Bamum">Bamum</option> <option value="Bamum Supplement">Bamum Supplement</option> <option value="Bassa Vah">Bassa Vah</option> <option value="Coptic">Coptic</option> <option value="Coptic Epact Numbers">Coptic Epact Numbers</option> <option value="Egyptian Hieroglyphs">Egyptian Hieroglyphs</option> <option value="Egyptian Hieroglyphs Extended-A">Egyptian Hieroglyphs Extended-A</option> <option value="Ethiopic">Ethiopic</option> <option value="Ethiopic Supplement">Ethiopic Supplement</option> <option value="Ethiopic Extended">Ethiopic Extended</option> <option value="Ethiopic Extended-A">Ethiopic Extended-A</option> <option value="Garay">Garay</option> <option value="Mende Kikakui">Mende Kikakui</option> <option value="Meroitic Cursive">Meroitic Cursive</option> <option value="Meroitic Hieroglyphs">Meroitic Hieroglyphs</option> <option value="N'Ko">N'Ko</option> <option value="Osmanya">Osmanya</option> <option value="Tifinagh">Tifinagh</option> <option value="Vai">Vai</option> <option value="Anatolian Hieroglyphs">Anatolian Hieroglyphs</option> <option value="Arabic">Arabic</option> <option value="Arabic Supplement">Arabic Supplement</option> <option value="Arabic Extended-A">Arabic Extended-A</option> <option value="Arabic Extended-B">Arabic Extended-B</option> <option value="Arabic Extended-C">Arabic Extended-C</option> <option value="Arabic Presentation Forms-A">Arabic Presentation Forms-A</option> <option value="Arabic Presentation Forms-B">Arabic Presentation Forms-B</option> <option value="Avestan">Avestan</option> <option value="Carian">Carian</option> <option value="Cuneiform">Cuneiform</option> <option value="Early Dynastic Cuneiform">Early Dynastic Cuneiform</option> <option value="Cuneiform Numbers and Punctuation">Cuneiform Numbers and Punctuation</option> <option value="Hatran">Hatran</option> <option value="Hebrew">Hebrew</option> <option value="Imperial Aramaic">Imperial Aramaic</option> <option value="Inscriptional Pahlavi">Inscriptional Pahlavi</option> <option value="Inscriptional Parthian">Inscriptional Parthian</option> <option value="Lycian">Lycian</option> <option value="Lydian">Lydian</option> <option value="Mandaic">Mandaic</option> <option value="Nabataean">Nabataean</option> <option value="Old North Arabian">Old North Arabian</option> <option value="Old Persian">Old Persian</option> <option value="Old South Arabian">Old South Arabian</option> <option value="Palmyrene">Palmyrene</option> <option value="Phoenician">Phoenician</option> <option value="Psalter Pahlavi">Psalter Pahlavi</option> <option value="Samaritan">Samaritan</option> <option value="Syriac">Syriac</option> <option value="Syriac Supplement">Syriac Supplement</option> <option value="Ugaritic">Ugaritic</option> <option value="Manichaean">Manichaean</option> <option value="Marchen">Marchen</option> <option value="Mongolian">Mongolian</option> <option value="Mongolian Supplement">Mongolian Supplement</option> <option value="Old Turkic">Old Turkic</option> <option value="Phags-pa">Phags-pa</option> <option value="Soyombo">Soyombo</option> <option value="Tibetan">Tibetan</option> <option value="Zanabazar Square">Zanabazar Square</option> <option value="Ahom">Ahom</option> <option value="Bengali">Bengali</option> <option value="Bhaiksuki">Bhaiksuki</option> <option value="Brahmi">Brahmi</option> <option value="Chakma">Chakma</option> <option value="Devanagari">Devanagari</option> <option value="Devanagari Extended">Devanagari Extended</option> <option value="Devanagari Extended-A">Devanagari Extended-A</option> <option value="Grantha">Grantha</option> <option value="Gujarati">Gujarati</option> <option value="Gurmukhi">Gurmukhi</option> <option value="Gurung Khema">Gurung Khema</option> <option value="Kaithi">Kaithi</option> <option value="Kannada">Kannada</option> <option value="Kharoshthi">Kharoshthi</option> <option value="Khojki">Khojki</option> <option value="Khudawadi">Khudawadi</option> <option value="Kirat Rai">Kirat Rai</option> <option value="Lepcha">Lepcha</option> <option value="Limbu">Limbu</option> <option value="Mahajani">Mahajani</option> <option value="Malayalam">Malayalam</option> <option value="Masaram Gondi">Masaram Gondi</option> <option value="Meetei Mayek">Meetei Mayek</option> <option value="Meetei Mayek Extensions">Meetei Mayek Extensions</option> <option value="Modi">Modi</option> <option value="Mro">Mro</option> <option value="Multani">Multani</option> <option value="Newa">Newa</option> <option value="Nag Mundari">Nag Mundari</option> <option value="Ol Chiki">Ol Chiki</option> <option value="Ol Onal">Ol Onal</option> <option value="Oriya">Oriya</option> <option value="Saurashtra">Saurashtra</option> <option value="Sharada">Sharada</option> <option value="Siddham">Siddham</option> <option value="Sinhala">Sinhala</option> <option value="Sinhala Archaic Numbers">Sinhala Archaic Numbers</option> <option value="Sora Sompeng">Sora Sompeng</option> <option value="Sunuwar">Sunuwar</option> <option value="Syloti Nagri">Syloti Nagri</option> <option value="Takri">Takri</option> <option value="Tamil">Tamil</option> <option value="Telugu">Telugu</option> <option value="Thaana">Thaana</option> <option value="Tirhuta">Tirhuta</option> <option value="Tulu-Tigalari">Tulu-Tigalari</option> <option value="Vedic Extensions">Vedic Extensions</option> <option value="Warang Citi">Warang Citi</option> <option value="Cham">Cham</option> <option value="Kayah Li">Kayah Li</option> <option value="Khmer">Khmer</option> <option value="Khmer Symbols">Khmer Symbols</option> <option value="Lao">Lao</option> <option value="Myanmar">Myanmar</option> <option value="Myanmar Extended-A">Myanmar Extended-A</option> <option value="Myanmar Extended-B">Myanmar Extended-B</option> <option value="Myanmar Extended-C">Myanmar Extended-C</option> <option value="New Tai Lue">New Tai Lue</option> <option value="Pahawh Hmong">Pahawh Hmong</option> <option value="Pau Cin Hau">Pau Cin Hau</option> <option value="Tai Le">Tai Le</option> <option value="Tai Tham">Tai Tham</option> <option value="Tai Viet">Tai Viet</option> <option value="Thai">Thai</option> <option value="Balinese">Balinese</option> <option value="Batak">Batak</option> <option value="Buginese">Buginese</option> <option value="Buhid">Buhid</option> <option value="Hanunoo">Hanunoo</option> <option value="Javanese">Javanese</option> <option value="Kawi">Kawi</option> <option value="Rejang">Rejang</option> <option value="Sundanese">Sundanese</option> <option value="Sundanese Supplement">Sundanese Supplement</option> <option value="Tagalog">Tagalog</option> <option value="Tagbanwa">Tagbanwa</option> <option value="Bopomofo">Bopomofo</option> <option value="Bopomofo Extended">Bopomofo Extended</option> <option value="CJK Unified Ideographs (big!)">CJK Unified Ideographs (big!)</option> <option value="CJK Unified Ideographs Extension-A (big!)">CJK Unified Ideographs Extension-A (big!)</option> <option value="CJK Unified Ideographs Extension B (big!)">CJK Unified Ideographs Extension B (big!)</option> <option value="CJK Unified Ideographs Extension C (big!)">CJK Unified Ideographs Extension C (big!)</option> <option value="CJK Unified Ideographs Extension D">CJK Unified Ideographs Extension D</option> <option value="CJK Unified Ideographs Extension E (big!)">CJK Unified Ideographs Extension E (big!)</option> <option value="CJK Unified Ideographs Extension F(big!)">CJK Unified Ideographs Extension F(big!)</option> <option value="CJK Unified Ideographs Extension G(big!)">CJK Unified Ideographs Extension G(big!)</option> <option value="CJK Unified Ideographs Extension H(big!)">CJK Unified Ideographs Extension H(big!)</option> <option value="CJK Compatibility Ideographs">CJK Compatibility Ideographs</option> <option value="CJK Compatibility Ideographs Supplement">CJK Compatibility Ideographs Supplement</option> <option value="Kangxi Radicals">Kangxi Radicals</option> <option value="CJK Radicals Supplement">CJK Radicals Supplement</option> <option value="CJK Strokes">CJK Strokes</option> <option value="Ideographic Description Characters">Ideographic Description Characters</option> <option value="Ideographic Symbols and Punctuation">Ideographic Symbols and Punctuation</option> <option value="Hangul Syllables (big!)">Hangul Syllables (big!)</option> <option value="Hangul Jamo">Hangul Jamo</option> <option value="Hangul Jamo Extended-A">Hangul Jamo Extended-A</option> <option value="Hangul Jamo Extended-B">Hangul Jamo Extended-B</option> <option value="Hangul Compatibility Jamo">Hangul Compatibility Jamo</option> <option value="Hiragana">Hiragana</option> <option value="Kana Extended-A">Kana Extended-A</option> <option value="Kana Supplement">Kana Supplement</option> <option value="Katakana">Katakana</option> <option value="Katakana Phonetic Extensions">Katakana Phonetic Extensions</option> <option value="Kanbun">Kanbun</option> <option value="Lisu">Lisu</option> <option value="Miao">Miao</option> <option value="Nushu">Nushu</option> <option value="Tangut">Tangut</option> <option value="Tangut Components">Tangut Components</option> <option value="Tangut Supplement">Tangut Supplement</option> <option value="Yi Syllables">Yi Syllables</option> <option value="Yi Radicals">Yi Radicals</option> <option value="Cherokee">Cherokee</option> <option value="Cherokee Supplement">Cherokee Supplement</option> <option value="Deseret">Deseret</option> <option value="Osage">Osage</option> <option value="Unified Canadian Aboriginal Syllabics">Unified Canadian Aboriginal Syllabics</option> <option value="UCAS Extended">UCAS Extended</option> <option value="Alphabetic Presentation Forms">Alphabetic Presentation Forms</option> <option value="Halfwidth and Fullwidth Forms">Halfwidth and Fullwidth Forms</option> <option value="Braille Patterns">Braille Patterns</option> <option value="Musical Symbols">Musical Symbols</option> <option value="Ancient Greek Musical Notation">Ancient Greek Musical Notation</option> <option value="Kaktovik Numerals">Kaktovik Numerals</option> <option value="Byzantine Musical Symbols">Byzantine Musical Symbols</option> <option value="Duployan">Duployan</option> <option value="Shorthand Format Controls">Shorthand Format Controls</option> <option value="Sutton SignWriting">Sutton SignWriting</option> <option value="General Punctuation">General Punctuation</option> <option value="Supplemental Punctuation">Supplemental Punctuation</option> <option value="CJK Symbols and Punctuation">CJK Symbols and Punctuation</option> <option value="Small Form Variants">Small Form Variants</option> <option value="CJK Compatibility Forms">CJK Compatibility Forms</option> <option value="Vertical Forms">Vertical Forms</option> <option value="Arabic Mathematical Alphabetic Symbols">Arabic Mathematical Alphabetic Symbols</option> <option value="Letterlike Symbols">Letterlike Symbols</option> <option value="Roman Symbols">Roman Symbols</option> <option value="Mathematical Alphanumeric Symbols">Mathematical Alphanumeric Symbols</option> <option value="Enclosed Alphanumerics">Enclosed Alphanumerics</option> <option value="Enclosed Alphanumeric Supplement">Enclosed Alphanumeric Supplement</option> <option value="Enclosed CJK Letters and Months">Enclosed CJK Letters and Months</option> <option value="Enclosed Ideographic Supplement">Enclosed Ideographic Supplement</option> <option value="CJK Compatibility">CJK Compatibility</option> <option value="Control Pictures">Control Pictures</option> <option value="Miscellaneous Technical">Miscellaneous Technical</option> <option value="Optical Character Recognition">Optical Character Recognition</option> <option value="Common Indic Number Forms">Common Indic Number Forms</option> <option value="Counting Rod Numerals">Counting Rod Numerals</option> <option value="Cuneiform Numbers and Punctuation">Cuneiform Numbers and Punctuation</option> <option value="Number Forms">Number Forms</option> <option value="Rumi Numeral Symbols">Rumi Numeral Symbols</option> <option value="Superscripts and Subscripts">Superscripts and Subscripts</option> <option value="Arrows">Arrows</option> <option value="Supplemental Arrows-A">Supplemental Arrows-A</option> <option value="Supplemental Arrows-B">Supplemental Arrows-B</option> <option value="Supplemental Arrows-C">Supplemental Arrows-C</option> <option value="Miscellaneous Symbols and Arrows">Miscellaneous Symbols and Arrows</option> <option value="Mathematical Alphanumeric Symbols">Mathematical Alphanumeric Symbols</option> <option value="Arabic Mathematical Alphabetic Symbols">Arabic Mathematical Alphabetic Symbols</option> <option value="Letterlike Symbols">Letterlike Symbols</option> <option value="Mathematical Operators">Mathematical Operators</option> <option value="Miscellaneous Mathematical Symbols-A">Miscellaneous Mathematical Symbols-A</option> <option value="Miscellaneous Mathematical Symbols-B">Miscellaneous Mathematical Symbols-B</option> <option value="Supplemental Mathematical Operators">Supplemental Mathematical Operators</option> <option value="Geometric Shapes">Geometric Shapes</option> <option value="Geometric Shapes Extended">Geometric Shapes Extended</option> <option value="Box Drawing">Box Drawing</option> <option value="Block Elements">Block Elements</option> <option value="Dingbats">Dingbats</option> <option value="Ornamental Dingbats">Ornamental Dingbats</option> <option value="Emoticons">Emoticons</option> <option value="Miscellaneous Symbols">Miscellaneous Symbols</option> <option value="Miscellaneous Symbols And Pictographs">Miscellaneous Symbols And Pictographs</option> <option value="Supplemental Symbols and Pictographs">Supplemental Symbols and Pictographs</option> <option value="Transport And Map Symbols">Transport And Map Symbols</option> <option value="Domino Tiles">Domino Tiles</option> <option value="Mahjong Tiles">Mahjong Tiles</option> <option value="Playing Cards">Playing Cards</option> <option value="Alchemical Symbols">Alchemical Symbols</option> <option value="Ancient Symbols">Ancient Symbols</option> <option value="Currency Symbols">Currency Symbols</option> <option value="Yijing Hexagram Symbols">Yijing Hexagram Symbols</option> <option value="Tai Xuan Jing Symbols">Tai Xuan Jing Symbols</option> <option value="Specials">Specials</option> <option value="Tags">Tags</option> <option value="Variation Selectors">Variation Selectors</option> <option value="Variation Selectors Supplement">Variation Selectors Supplement</option> <option value="Elymaic">Elymaic</option> <option value="Egyptian Hieroglyph Format Controls">Egyptian Hieroglyph Format Controls</option> <option value="Nandinagari">Nandinagari</option> <option value="Tamil Supplement">Tamil Supplement</option> <option value="Wancho">Wancho</option> <option value="Small Kana Extension">Small Kana Extension</option> <option value="Nyiakeng Puachue Hmong">Nyiakeng Puachue Hmong</option> <option value="Ottoman Siyaq Numbers">Ottoman Siyaq Numbers</option> <option value="Symbols and Pictographs Extended-A">Symbols and Pictographs Extended-A</option> <option value="Yezidi">Yezidi</option> <option value="Chorasmian">Chorasmian</option> <option value="Dives Akuru">Dives Akuru</option> <option value="Lisu Supplement">Lisu Supplement</option> <option value="Khitan Small Script">Khitan Small Script</option> <option value="Tangut Supplement">Tangut Supplement</option> <option value="Symbols for Legacy Computing">Symbols for Legacy Computing</option> <option value="Symbols for Legacy Computing Supplement">Symbols for Legacy Computing Supplement</option> <option value="Arabic Extended-B">Arabic Extended-B</option> <option value="Vithkuqi">Vithkuqi</option> <option value="Latin Extended-F">Latin Extended-F</option> <option value="Old Uyghur">Old Uyghur</option> <option value="Unified Canadian Aboriginal Syllabics Extended-A">Unified Canadian Aboriginal Syllabics Extended-A</option> <option value="Cypro-Minoan">Cypro-Minoan</option> <option value="Tangsa">Tangsa</option> <option value="Kana Extended-B">Kana Extended-B</option> <option value="Znamenny Musical Notation">Znamenny Musical Notation</option> <option value="Latin Extended-G">Latin Extended-G</option> <option value="Toto">Toto</option> <option value="Ethiopic Extended-B">Ethiopic Extended-B</option> </datalist> <input id="customRange1" size="15" name="customRange1" placeholder="0000:0000" title="Provide two hex digits with :, -, or .. or ... or ' to ' as separators. HTML, JavaScript, CSS, and U+ escapes ok." /> <button class="goButton">📥</button> </form> </div> <div id="lookupSelect"> <form action="none" onsubmit="showSelection(document.getElementById('block').value); return false;"> <select name="block" onchange="showSelection(this.value)" id="block"> <!--select name="block" id="block"--> <option value="0020:00FF">Select a block (* indicates new in v16)</option> <optgroup label="European scripts"> <option value="0530:058F">Armenian</option> <option value="FB13:FB17" class="pb">Armenian ligatures</option> <option value="10530:1056F">Caucasian Albanian</option> <option value="12F90:12FFF">Cypro-Minoan</option> <option value="10800:1083F">Cypriot Syllabary</option> <option value="0400:04FF">Cyrillic</option> <option value="0500:052F">Cyrillic Supplement</option> <option value="2DE0:2DFF">Cyrillic Extended-A</option> <option value="A640:A69F">Cyrillic Extended-B</option> <option value="1C80:1C8F">Cyrillic Extended-C</option> <option value="1E030:1E08F">Cyrillic Extended-D</option> <option value="10500:1052F">Elbasan</option> <option value="10A0:10FF">Georgian</option> <option value="1C90:1CBF">Georgian Extended</option> <option value="2D00:2D2F">Georgian Supplement</option> <option value="2C00:2C5F">Glagolitic</option> <option value="1E000:1E02F">Glagolitic Supplement</option> <option value="10330:1034F">Gothic</option> <option value="0370:03FF">Greek and Coptic</option> <option value="1F00:1FFF">Greek Extended</option> <option value="10140:1018F">Ancient Greek Numbers</option> <option value="0020:00FF">Latin, Basic & Latin-1 Supplement</option> <option value="0100:017F">Latin Extended-A</option> <option value="0180:024F">Latin Extended-B</option> <option value="2C60:2C7F">Latin Extended-C</option> <option value="A720:A7FF">Latin Extended-D</option> <option value="AB30:AB6F">Latin Extended-E</option> <option value="10780:107BF">Latin Extended-F</option> <option value="1DF00:1DFFF">Latin Extended-G</option> <option value="1E00:1EFF">Latin Extended Additional</option> <option value="FB00:FB06" class="pb">Latin ligatures</option> <option value="FF00:FF5E" class="pb">Fullwidth Latin letters</option> <option value="0250:02AF">IPA Extensions</option> <option value="1D00:1D7F">Phonetic Extensions</option> <option value="1D80:1DBF">Phonetic Extensions Supplement</option> <option value="10600:1077F">Linear A</option> <option value="10000:1007F">Linear B Syllabary</option> <option value="10080:100FF">Linear B Ideograms</option> <option value="10100:1013F">Aegean Numbers</option> <option value="1680:169F">Ogham</option> <option value="10C80:10CFF">Old Hungarian</option> <option value="10300:1032F">Old Italic</option> <option value="10350:1037F">Old Permic</option> <option value="101D0:101FF">Phaistos Disc</option> <option value="16A0:16FF">Runic</option> <option value="10450:1047F">Shavian</option> <option value="105C0:105FF">Todhri *</option> <option value="10570:105BF">Vithkuqi</option> </optgroup> <optgroup label="Modifier Letters"> <option value="A700:A71F">Modifier Tone Letters</option> <option value="02B0:02FF">Spacing Modifier Letters</option> <option value="2070:209F">Superscripts and Subscripts</option> </optgroup> <optgroup label="Combining Diacritics"> <option value="0300:036F">Combining Diacritical Marks</option> <option value="1AB0:1AFF">Combining Diacritical Marks Extended</option> <option value="1DC0:1DFF">Combining Diacritical Marks Supplement</option> <option value="20D0:20FF">Combining Diacritical Marks for Symbols</option> <option value="FE20:FE2F">Combining Half Marks</option> </optgroup> <optgroup label="African Scripts"> <option value="1E900:1E95F">Adlam</option> <option value="A6A0:A6FF">Bamum</option> <option value="16800:16A3F">Bamum Supplement</option> <option value="16AD0:16AFF">Bassa Vah</option> <option value="2C80:2CFF">Coptic</option> <option value="03E2:03EF" class="pb">Coptic in Greek block</option> <option value="102E0:102FF">Coptic Epact Numbers</option> <option value="13000:1342F">Egyptian Hieroglyphs</option> <option value="13430:1345F">Egyptian Hieroglyph Format Controls</option> <option value="13460:1355F">Egyptian Hieroglyphs Extended-A *</option> <option value="1200:137F">Ethiopic</option> <option value="1380:139F">Ethiopic Supplement</option> <option value="2D80:2DDF">Ethiopic Extended</option> <option value="AB00:AB2F">Ethiopic Extended-A</option> <option value="1E7E0:1E7FF">Ethiopic Extended-B</option> <option value="10D40:10D8F">Garay *</option> <option value="16E40:16E9F">Medefaidrin</option> <option value="1E800:1E8DF">Mende Kikakui</option> <option value="109A0:109FF">Meroitic Cursive</option> <option value="10980:1099F">Meroitic Hieroglyphs</option> <option value="07C0:07FF">N'Ko</option> <option value="10480:104AF">Osmanya</option> <option value="2D30:2D7F">Tifinagh</option> <option value="A500:A63F">Vai</option> </optgroup> <optgroup label="West Asian Scripts"> <option value="14400:1467F">Anatolian Hieroglyphs</option> <option value="0600:06FF">Arabic</option> <option value="0750:077F">Arabic Supplement</option> <option value="08A0:08FF">Arabic Extended-A</option> <option value="0870:089F">Arabic Extended-B</option> <option value="10EC0:10EFF">Arabic Extended-C</option> <option value="FB50:FDFF">Arabic Presentation Forms-A</option> <option value="FE70:FEFF">Arabic Presentation Forms-B</option> <option value="10B00:10B3F">Avestan</option> <option value="102A0:102DF">Carian</option> <option value="12000:123FF">Cuneiform</option> <option value="10FB0:10FDF">Chorasmian</option> <option value="10FE0:10FFF">Elymaic</option> <option value="12480:1254F">Early Dynastic Cuneiform</option> <option value="12400:1247F">Cuneiform Numbers and Punctuation</option> <option value="108E0:108FF">Hatran</option> <option value="0590:05FF">Hebrew</option> <option value="FB1D:FB4F" class="pb">Hebrew Presentation Forms</option> <option value="10840:1085F">Imperial Aramaic</option> <option value="10B60:10B7F">Inscriptional Pahlavi</option> <option value="10B40:10B5F">Inscriptional Parthian</option> <option value="10280:1029F">Lycian</option> <option value="10920:1093F">Lydian</option> <option value="0840:085F">Mandaic</option> <option value="10880:108AF">Nabataean</option> <option value="10A80:10A9F">Old North Arabian</option> <option value="103A0:103DF">Old Persian</option> <option value="10A60:10A7F">Old South Arabian</option> <option value="10860:1087F">Palmyrene</option> <option value="10900:1091F">Phoenician</option> <option value="10B80:10BAF">Psalter Pahlavi</option> <option value="0800:083F">Samaritan</option> <option value="0700:074F">Syriac</option> <option value="0860:086F">Syriac Supplement</option> <option value="10380:1039F">Ugaritic</option> <option value="10E80:10EBF">Yezidi</option> </optgroup> <optgroup label="Central Asian Scripts"> <option value="10AC0:10AFF">Manichaean</option> <option value="11C70:11CBF">Marchen</option> <option value="1800:18AF">Mongolian</option> <option value="11660:1167F">Mongolian Supplement</option> <option value="10F00:10F2F">Old Sogdian</option> <option value="10C00:10C4F">Old Turkic</option> <option value="10F70:10FAF">Old Uyghur</option> <option value="A840:A87F">Phags-pa</option> <option value="10F30:10F6F">Sogdian</option> <option value="11A50:11AAF">Soyombo</option> <option value="0F00:0FFF">Tibetan</option> <option value="11A00:11A4F">Zanabazar Square</option> </optgroup> <optgroup label="South Asian Scripts"> <option value="11700:1174F">Ahom</option> <option value="0980:09FF">Bengali</option> <option value="11C00:11C6F">Bhaiksuki</option> <option value="11000:1107F">Brahmi</option> <option value="11100:1114F">Chakma</option> <option value="0900:097F">Devanagari</option> <option value="A8E0:A8FF">Devanagari Extended</option> <option value="11B00:11B5F">Devanagari Extended-A</option> <option value="11900:1195F">Dives Akuru</option> <option value="11800:1184F">Dogra</option> <option value="11300:1137F">Grantha</option> <option value="0A80:0AFF">Gujarati</option> <option value="11D60:11DAF">Gunjala Gondi</option> <option value="0A00:0A7F">Gurmukhi</option> <option value="16100:1613F">Gurung Khema *</option> <option value="11080:110CF">Kaithi</option> <option value="0C80:0CFF">Kannada</option> <option value="10A00:10A5F">Kharoshthi</option> <option value="11200:1124F">Khojki</option> <option value="112B0:112FF">Khudawadi</option> <option value="16D40:16D7F">Kirat Rai *</option> <option value="1C00:1C4F">Lepcha</option> <option value="1900:194F">Limbu</option> <option value="11150:1117F">Mahajani</option> <option value="0D00:0D7F">Malayalam</option> <option value="11D00:11D5F">Masaram Gondi</option> <option value="ABC0:ABFF">Meetei Mayek</option> <option value="AAE0:AAEF">Meetei Mayek Extensions</option> <option value="11600:1165F">Modi</option> <option value="16A40:16A6F">Mro</option> <option value="11280:112AF">Multani</option> <option value="1E4D0:1E4FF">Nag Mundari</option> <option value="119A0:119FF">Nandinagari</option> <option value="11400:1147F">Newa</option> <option value="1C50:1C7F">Ol Chiki</option> <option value="1E5D0:1E5FF">Ol Onal *</option> <option value="0B00:0B7F">Oriya</option> <option value="A880:A8DF">Saurashtra</option> <option value="11180:111DF">Sharada</option> <option value="11580:115FF">Siddham</option> <option value="0D80:0DFF">Sinhala</option> <option value="111E0:111FF">Sinhala Archaic Numbers</option> <option value="110D0:110FF">Sora Sompeng</option> <option value="11BC0:11BFF">Sunuwar *</option> <option value="A800:A82F">Syloti Nagri</option> <option value="11680:116CF">Takri</option> <option value="0B80:0BFF">Tamil</option> <option value="11FC0:11FFF">Tamil Supplement</option> <option value="0C00:0C7F">Telugu</option> <option value="0780:07BF">Thaana</option> <option value="11480:114DF">Tirhuta</option> <option value="1E290:1E2BF">Toto</option> <option value="11380:113FF">Tulu-Tigalari *</option> <option value="1CD0:1CFF">Vedic Extensions</option> <option value="1E2C0:1E2FF">Wancho</option> <option value="118A0:118FF">Warang Citi</option> </optgroup> <optgroup label="Southeast Asian Scripts"> <option value="AA00:AA5F">Cham</option> <option value="10D00:10D3F">Hanifi Rohingya</option> <option value="A900:A92F">Kayah Li</option> <option value="1780:17FF">Khmer</option> <option value="19E0:19FF">Khmer Symbols</option> <option value="0E80:0EFF">Lao</option> <option value="1000:109F">Myanmar</option> <option value="AA60:AA7F">Myanmar Extended-A</option> <option value="A9E0:A9FF">Myanmar Extended-B</option> <option value="116D0:116FF">Myanmar Extended-C *</option> <option value="1980:19DF">New Tai Lue</option> <option value="16B00:16B8F">Pahawh Hmong</option> <option value="11AC0:11AFF">Pau Cin Hau</option> <option value="1950:197F">Tai Le</option> <option value="1A20:1AAF">Tai Tham</option> <option value="AA80:AADF">Tai Viet</option> <option value="16A70:16ACF">Tangsa</option> <option value="0E00:0E7F">Thai</option> </optgroup> <optgroup label="Indonesia & Oceania Scripts"> <option value="1B00:1B7F">Balinese</option> <option value="1BC0:1BFF">Batak</option> <option value="1A00:1A1F">Buginese</option> <option value="1740:175F">Buhid</option> <option value="1720:173F">Hanunoo</option> <option value="A980:A9DF">Javanese</option> <option value="11F00:11F5F">Kawi</option> <option value="11EE0:11EFF">Makasar</option> <option value="A930:A95F">Rejang</option> <option value="1B80:1BBF">Sundanese</option> <option value="1CC0:1CCF">Sundanese Supplement</option> <option value="1700:171F">Tagalog</option> <option value="1760:177F">Tagbanwa</option> </optgroup> <optgroup label="East Asian Scripts"> <option value="3100:312F">Bopomofo</option> <option value="31A0:31BF">Bopomofo Extended</option> <option value="4E00:9FFF">CJK Unified Ideographs (big!)</option> <option value="3400:4DBF">CJK Unified Ideographs Extension-A (big!)</option> <option value="20000:2A6DF">CJK Unified Ideographs Extension B (big!)</option> <option value="2A700:2B73F">CJK Unified Ideographs Extension C (big!)</option> <option value="2B740:2B81F">CJK Unified Ideographs Extension D</option> <option value="2B820:2CEA1">CJK Unified Ideographs Extension E (big!)</option> <option value="2CEB0:2EBEF">CJK Unified Ideographs Extension F (big!)</option> <option value="30000:3134F">CJK Unified Ideographs Extension G (big!)</option> <option value="31350:323AF">CJK Unified Ideographs Extension H (big!)</option> <option value="F900:FAFF">CJK Compatibility Ideographs</option> <option value="2F800:2FA1F">CJK Compatibility Ideographs Supplement</option> <option value="2F00:2FDF">Kangxi Radicals</option> <option value="2E80:2EFF">CJK Radicals Supplement</option> <option value="31C0:31EF">CJK Strokes</option> <option value="2FF0:2FFF">Ideographic Description Characters</option> <option value="16FE0:16FFF">Ideographic Symbols and Punctuation</option> <option value="AC00:D7AF">Hangul Syllables (big!)</option> <option value="1100:11FF">Hangul Jamo</option> <option value="A960:A97F">Hangul Jamo Extended-A</option> <option value="D7B0:D7FF">Hangul Jamo Extended-B</option> <option value="3130:318F">Hangul Compatibility Jamo</option> <option value="FFA0:FFDC" class="pb">Halfwidth Jamo</option> <option value="3040:309F">Hiragana</option> <option value="1B100:1B12F">Kana Extended-A</option> <option value="1AFF0:1AFFF">Kana Extended-B</option> <option value="1B000:1B0FF">Kana Supplement</option> <option value="1B130:1B16F">Small Kana Extension</option> <option value="30A0:30FF">Katakana</option> <option value="31F0:31FF">Katakana Phonetic Extensions</option> <option value="FF65:FF9F" class="pb">Halfwidth Katakana</option> <option value="3190:319F">Kanbun</option> <option value="A4D0:A4FF">Lisu</option> <option value="11FB0:11FBF">Lisu Supplement</option> <option value="18B00:18CFF">Khitan Small Script</option> <option value="16F00:16F9F">Miao</option> <option value="1B170:1B2FF">Nushu</option> <option value="17000:187FF">Tangut</option> <option value="18800:18AFF">Tangut Components</option> <option value="18D00:18D7F">Tangut Supplement</option> <option value="A000:A48F">Yi Syllables</option> <option value="A490:A4CF">Yi Radicals</option> </optgroup> <optgroup label="American Scripts"> <option value="13A0:13FF">Cherokee</option> <option value="AB70:ABBF">Cherokee Supplement</option> <option value="10400:1044F">Deseret</option> <option value="1D2E0:1D2FF">Mayan Numerals</option> <option value="1E100:1E14F">Nyiakeng Puachue Hmong</option> <option value="104B0:104FF">Osage</option> <option value="1400:167F">Unified Canadian Aboriginal Syllabics</option> <option value="18B0:18FF">UCAS Extended</option> <option value="11AB0:11ABF">Unified Canadian Aboriginal Syllabics Extended-A</option> </optgroup> <optgroup label="Other"> <option value="FB00:FB4F">Alphabetic Presentation Forms</option> <option value="FF00:FFEF">Halfwidth and Fullwidth Forms</option> </optgroup> <optgroup label="Notational Systems"> <option value="2800:28FF">Braille Patterns</option> <option value="1D100:1D1FF">Musical Symbols</option> <option value="2669:266F" class="pb">More Musical Symbols</option> <option value="1D200:1D24F">Ancient Greek Musical Notation</option> <option value="1D000:1D0FF">Byzantine Musical Symbols</option> <option value="1BC00:1BC9F">Duployan</option> <option value="1BCA0:1BCAF">Shorthand Format Controls</option> <option value="1D800:1DAAF">Sutton SignWriting</option> <option value="1CF00:1CFCF">Znamenny Musical Notation</option> </optgroup> <optgroup label="Punctuation"> <option value="2000:206F">General Punctuation</option> <option value="0021:007F" class="pb">ASCII Punctuation</option> <option value="00A1:00BF" class="pb">Latin-1 Punctuation</option> <option value="2E00:2E7F">Supplemental Punctuation</option> <option value="3000:303F">CJK Symbols and Punctuation</option> </optgroup> <optgroup label="Compatibility punctuation"> <option value="FE50:FE6F">Small Form Variants</option> <option value="FE30:FE4F">CJK Compatibility Forms</option> <option value="FF01:FF60" class="pb">Fullwidth ASCII Punctuation</option> <option value="FE10:FE1F">Vertical Forms</option> </optgroup> <optgroup label="Alphanumeric Symbols"> <option value="1EE00:1EEFF">Arabic Mathematical Alphabetic Symbols</option> <option value="2100:214F">Letterlike Symbols</option> <option value="10190:101CF">Roman Symbols</option> <option value="1D400:1D7FF">Mathematical Alphanumeric Symbols</option> <option value="2460:24FF">Enclosed Alphanumerics</option> <option value="1F100:1F1FF">Enclosed Alphanumeric Supplement</option> <option value="3200:32FF">Enclosed CJK Letters and Months</option> <option value="1F200:1F2FF">Enclosed Ideographic Supplement</option> <option value="3300:33FF">CJK Compatibility</option> </optgroup> <optgroup label="Technical Symbols"> <option value="2400:243F">Control Pictures</option> <option value="2300:23FF">Miscellaneous Technical</option> <option value="2440:245F">Optical Character Recognition</option> <option value="1FB00:1FBFF">Symbols for Legacy Computing</option> <option value="1CC00:1CEBF">Symbols for Legacy Computing Supplement *</option> </optgroup> <optgroup label="Numbers and Digits"> <option value="A830:A83F">Common Indic Number Forms</option> <option value="1D360:1D37F">Counting Rod Numerals</option> <option value="12400:1247F">Cuneiform Numbers and Punctuation</option> <option value="FF10:FF19" class="pb">Fullwidth ASCII Digits</option> <option value="1EC70:1ECBF">Indic Siyaq Numbers</option> <option value="1D2C0:1D2DF">Kaktovik Numerals</option> <option value="1ED00:1ED4F">Ottoman Siyaq Numbers</option> <option value="2150:218F">Number Forms</option> <option value="10E60:10E7F">Rumi Numeral Symbols</option> <option value="2070:209F">Superscripts and Subscripts</option> </optgroup> <optgroup label="Arrows"> <option value="2190:21FF">Arrows</option> <option value="27F0:27FF">Supplemental Arrows-A</option> <option value="2900:297F">Supplemental Arrows-B</option> <option value="1F800:1F8FF">Supplemental Arrows-C</option> <option value="2B00:2BFF">Miscellaneous Symbols and Arrows</option> </optgroup> <optgroup label="Mathematical Symbols"> <option value="1D400:1D7FF">Mathematical Alphanumeric Symbols</option> <option value="1EE00:1EEFF">Arabic Mathematical Alphabetic Symbols</option> <option value="2100:214F">Letterlike Symbols</option> <option value="2200:22FF">Mathematical Operators</option> <option value="27C0:27EF">Miscellaneous Mathematical Symbols-A</option> <option value="2980:29FF">Miscellaneous Mathematical Symbols-B</option> <option value="2A00:2AFF">Supplemental Mathematical Operators</option> <option value="2308:230B" class="pb">Ceilings and Floors</option> <option value="25A0:25FF">Geometric Shapes</option> <option value="1F780:1F7FF">Geometric Shapes Extended</option> <option value="2500:257F">Box Drawing</option> <option value="2580:259F">Block Elements</option> </optgroup> <optgroup label="Emoji & Pictographs"> <option value="2700:27BF">Dingbats</option> <option value="1F650:1F67F">Ornamental Dingbats</option> <option value="1F600:1F64F">Emoticons</option> <option value="2600:26FF">Miscellaneous Symbols</option> <option value="1F300:1F5FF">Miscellaneous Symbols And Pictographs</option> <option value="1F900:1F9FF">Supplemental Symbols & Pictographs</option> <option value="1FA70:1FAFF">Symbols and Pictographs Extended-A</option> <option value="1F680:1F6FF">Transport And Map Symbols</option> </optgroup> <optgroup label="Game Symbols"> <option value="2654:265F" class="pb">Chess</option> <option value="1FA00:1FA6F">Chess Symbols</option> <option value="1F030:1F09F">Domino Tiles</option> <option value="26C0:26C3" class="pb">Draughts</option> <option value="2616:2617" class="pb">Japanese Chess</option> <option value="1F000:1F02F">Mahjong Tiles</option> <option value="1F0A0:1F0FF">Playing Cards</option> <option value="2660:2667" class="pb">Playing Cards</option> </optgroup> <optgroup label="Other Symbols"> <option value="1F700:1F77F">Alchemical Symbols</option> <option value="10190:101CF">Ancient Symbols</option> <option value="20A0:20CF">Currency Symbols</option> <option value="4DC0:4DFF">Yijing Hexagram Symbols</option> <option value="268A:268F" class="pb">Yijing Mono and Digrams</option> <option value="2630:2637" class="pb">Yijing Trigrams</option> <option value="1D300:1D35F">Tai Xuan Jing Symbols</option> </optgroup> <optgroup label="Other"> <option value="FFF0:FFFF">Specials</option> <option value="E0000:E007F">Tags</option> <option value="FE00:FE0F">Variation Selectors</option> <option value="E0100:E01EF">Variation Selectors Supplement</option> </optgroup> </select> <button class="goButton">📥</button> </form> </div> <div id="lookupSearch1"> <!--Search for: --> <!-- text search input --> <form action="none" onsubmit=" showSearchParameters(); findString(document.getElementById('textSearch').value); return false;"> <input type="text" id="textSearch" tabindex="2" name="charNum" placeholder="Text search (regex ok)" onchange="return false;" > <button class="goButton">🔍</button> </form> <div title="Adjust the size of the characters displayed in tables or lists.">Size: <select id="fontSize" name="fontSize" onchange="changeFontSize(this.value)"> <option value=".75rem">.75rem</option> <option value="1rem">1rem</option> <option value="1.5rem">1.5rem</option> <option value="2rem">2rem</option> <option value="2.5rem" selected="selected">2.5rem</option> <option value="3rem">3rem</option> <option value="3.5rem">3.5rem</option> <option value="4rem">4rem</option> <option value="5rem">5rem</option> <option value="7rem">7rem</option> <option value="10rem">10rem</option> <option value="20rem">20rem</option> </select> <button class="goButton" alt="Apply" title="Apply" onclick="changeFontSize(document.getElementById('fontSize').value); return false;" >📥</button> </div> </div> <div id="lookupSearch2"> <span id="searchParameters"> <span title="Search character names."> <input name="searchNames" type="checkbox" id="searchNames" checked="checked"> Name </span> <span title="Search character descriptions (ie. the NamesList.txt file)."> <input name="searchDesc" type="checkbox" id="searchDesc" checked="checked"> Description </span> <span title="Search alternative names."> <input name="searchOther" type="checkbox" id="searchOther" checked="checked"> Other</span> <label title="Search only within the characters shown in a list or table, and highlight the characters found."> <input name="localSearch" type="checkbox" id="localSearch" /> Local</label> <span id="searchResultCount">Search results found: 0</span> </span> </div> <div id="lookupSearch3"> <!-- hex search input --> <form action="none" onsubmit="showCodepoint(document.getElementById('hexSearch').value, 'hex'); return false;" title="Search for hex code points or escapes."> <input type="text" id="hexSearch" tabindex="2" name="charNum" placeholder="Hex" onchange="return false;"/> <button class="goButton">🔍</button> </form> <!-- dec search input --> <form action="none" onsubmit="showCodepoint(document.getElementById('decSearch').value, 'dec'); return false;" title="Search for decimal code points or escapes."> <input type="text" id="decSearch" tabindex="2" name="charNum" placeholder="Dec" onchange="return false;"/> <button class="goButton">🔍</button> </form> <!-- char search input --> <form action="none" onsubmit="showCharacterList(document.getElementById('charSearch').value); return false;" title="List characters with these hex numbers (or hex escapes)." ><input type="text" id="charSearch" tabindex="2" name="charNum" placeholder="Chars" onchange="return false;"/> <button class="goButton">🔍</button> </form> </div> </div> </div> <!-- FILTER TAB --> <div id="listpanel"> <div id="listpanelSub"> <div id="showProperties" title="Search for characters with a particular property.">Show properties <form action="none" onsubmit="showProperties(document.getElementById('select').value); return false;"> <select name="select" id="select" onchange="showProperties(this.value); return false;" title="List characters from a particular category."> <option value="startup" selected="selected">None</option> <option value="(;Lu;|;Ll;|;Lt;|;Lm;|;Lo;)">Letter</option> <option value="(;Mn;|;Mc;|;Me;)">Mark</option> <option value="(;Nd;|;Nl;|;No;)">Number</option> <option value="(;Pc;|;Pd;|;Ps;|;Pe;|;Pi;|;Pf;|;Po;)">Punctuation</option> <option value="(;Zs;|;Zl;|;Zp;)">Separator</option> <option value="(;Sm;|;Sc;|;Sk;|;So;)">Symbol</option> <option value="(;Cc;|;Cf;|;Co;|;Cn;)">Other</option> <option value=";Lu;">Lu: Letter, uppercase</option> <option value=";Ll;">Ll: Letter, lowercase</option> <option value=";Lt;">Lt: Letter, titlecase</option> <option value=";Lm;">Lm: Letter, modifier</option> <option value=";Lo;">Lo: Letter, other</option> <option value=";Mn;">Mn: Mark, nonspacing</option> <option value=";Mc;">Mc: Mark, spacing combining</option> <option value=";Me;">Me: Mark, enclosing</option> <option value=";0;">0: Mark, combining class 0</option> <option value=";Nd;">Nd: Number, decimal digit</option> <option value=";Nl;">Nl: Number, letter</option> <option value=";No;">No: Number, other</option> <option value=";Pc;">Pc: Punctuation, connector</option> <option value=";Pd;">Pd: Punctuation, dash</option> <option value=";Ps;">Ps: Punctuation, open</option> <option value=";Pe;">Pe: Punctuation, close</option> <option value=";Pi;">Pi: Punctuation, initial quote</option> <option value=";Pf;">Pf: Punctuation, final quote</option> <option value=";Po;">Po: Punctuation, other</option> <option value=";Zs;">Zs: Separator, space</option> <option value=";Zl;">Zl: Separator, line</option> <option value=";Zp;">Zp: Separator, paragraph</option> <option value=";Sm;">Sm: Symbol, math</option> <option value=";Sc;">Sc: Symbol, currency</option> <option value=";Sk;">Sk: Symbol, modifier</option> <option value=";So;">So: Symbol, other</option> <option value=";Cc;">Cc: Other, control</option> <option value=";Cf;">Cf: Other, format</option> <option value=";Co;">Co: Other, private use</option> <option value=";Cn;">Cn: Other, not assigned</option> <option value=";L;">L: Left</option> <option value=";R;">R: Right</option> <option value=";AL;">AL: Right-to-left Arabic</option> <option value=";EN;">EN: European number</option> <option value=";ES;">ES: European number separator</option> <option value=";ET;">ET: European number terminator</option> <option value=";AN;">AN: Arabic number</option> <option value=";CS;">CS: Common number separator</option> <option value=";NSM;">NSM: Nonspacing mark</option> <option value=";BN;">BN: Boundary neutral</option> <option value=";WS;">WS: Whitespace</option> <option value=";ON;">ON: Other neutrals</option> </select> <button class="goButton">🔍</button> <span id="propertyResultCount">Search results found: 0</span> <br> <label id="locallistLabel" title="By default, Show Properties highlights characters in what is displayed below. Unchecking this produces a new list using a full database search."> <input name="locallist" type="checkbox" checked="checked" id="locallist"> Show properties only for the items listed below.</label> </form> </div> <div> <button class="generalButton" title="If you have highlighted characters using Search or Show Properties, this creates a list including only the highlighted items." onclick="highlight2List(); return false;" >Make list from highlighted items</button> </div> <div> <button class="generalButton" title="If you have highlighted characters using Search or Show Properties, this creates a list including only the NON-highlighted items." onclick="nonHighlight2List(); return false;" >Make list from non-highlighted items</button> </div> <div> <button class="generalButton" title="Show in which version of Unicode each character was introduced. Unmarked characters were introduced before version 2." onclick="showAge(); return false;" >Show age</button> <button class="goButton" title="Clear the age-related information." onclick="clearHighlighting(); return false;">❌</button> </div> </div> </div> <!-- listpanel --> <!-- OPTIONS PANEL --> <div id="optionspanel"> <div title="Allows you to change the composition and order of items in a row for lists of characters. It is particularly useful to prepare a list for copy/pasting.">List format shows: <label><input name="listC1" onclick="redrawList();" type="checkbox" checked="checked" id="listC1" title="Show character at start of list item." /> character</label> <label><input name="listN" onclick="redrawList();" type="checkbox" checked="checked" id="listN" title="Show character number in list item." /> #</label> <label><input name="listC2" onclick="redrawList();" type="checkbox" id="listC2" title="Show character between number and name." /> character</label> <label><input name="listNm" onclick="redrawList();" type="checkbox" checked="checked" id="listNm" title="Show character name in list item." /> name</label> </div> <div title="Puts U+ in front of codepoint numbers in a list."> <label><input name="uPlusToggle" type="checkbox" id="uPlusToggle" title="Toggle between showing and hiding U+ before numbers." onclick="redrawList();" /> Show U+ in lists</label></div> <div title="Hide the numbers around a table of characters."> <label><input name="hideNumbers" type="checkbox" id="hideNumbers" title="Toggle between showing and hiding numbers round a table of characters." onclick="toggleNumbers();" /> Hide numbers around a table of characters</label> </div> <!--div title="Set a maximum viewport height for list. Useful for keeping everything on one screen when working on small devices such as ipads, netbooks, etc.">Left panel max height (pixels): <form onsubmit="changeHeight(document.getElementById('chHeight').value+'px'); return false;" action="none"> <input name="chHeight" id="chHeight" value="500" size="5"/> <img src="images/go.gif" height="16" width="20" alt="Apply" onclick="changeHeight(document.getElementById('chHeight').value+'px'); return false;" title="Apply"/> </form> </div> <div title="Sets a maximum viewport height for list. Useful for keeping everything on one screen when working on small devices such as ipads, netbooks, etc.">Left panel max height presets: <select id="chHeightps" onchange="changeHeight(this.value+'px');"> <option value="20000">Fullsize</option> <option value="900">iPad portrait</option> <option value="420">iPad landscape</option> <option value="400">Smartphone landscape</option> <option value="400">Netbook</option> </select> </div--> <!--div title="Adjust the size of the characters displayed in tables or lists. (Only works if Use Graphics is turned off.)">Left panel font size: <select id="fontSize" name="fontSize" onchange="changeFontSize(this.value)" title="Change the size of characters in the matrix."> <option value=".75rem">.75rem</option> <option value="1rem">1rem</option> <option value="1.5rem">1.5rem</option> <option value="2rem">2rem</option> <option value="2.5rem" selected>2.5rem</option> <option value="3rem">3rem</option> <option value="4rem">4rem</option> <option value="5rem">5rem</option> </select> <button class="goButton" alt="Apply" title="Apply" onclick="changeFontSize(document.getElementById('fontSize').value); return false;" >📥</button> </div--> <div title="Change the font for the characters displayed in tables or lists. (Only works if Use Graphics is turned off.)">Apply font: <input type="text" onInput="changeFont(this.value)" id="chFont"> <button class="goButton" alt="Apply" title="Apply" onclick="changeFont(document.getElementById('chFont').value); return false;" >📥</button> </div> </div> <!-- optionspanel --> </div> <div id="cparea"> <textarea id="picker" dir="auto" placeholder="text area" name="picker" rows="6" cols="30"></textarea> <div id="textBoxControls"> <div> <img id="makeListFromTA" src="images/clickfromcparea.png" alt="Clear." title="Create a list from the characters in the text area." onclick=" showCharacterList(document.getElementById('picker').value); _lastOperation = 'cutpaste'; return false;"/> <img src="images/clicktocparea.png" alt="Add characters" title="Add characters in a list or table to the text area." onclick="output2CharArea();" /> </div> <div id="captureDelete"> <img src="images/selectall.svg" alt="Select" title="Select all text in the text area." onmouseover="this.src='images/selectall_focus.svg'" onmouseout="this.src='images/selectall.svg'" onclick="copyTextArea()"><br><img src="images/clearpicker.svg" alt="Clear" title="Clear the text area." onmouseover="this.src='images/clearPicker_focus.svg'" onmouseout="this.src='images/clearpicker.svg'" onClick="document.getElementById('picker').value = ''; document.getElementById('picker').focus(); return false;" /> </div> <!--onclick="document.getElementById('picker').focus();document.getElementById('picker').select()"--> <div id="smallControls"> <img src="images/addspace.svg" alt="Select" title="Separate the characters in the edit buffer with spaces." onmouseover="this.src='images/addspace_focus.svg'" onmouseout="this.src='images/addspace.svg'" onclick="addSpacesToPicker(' ');"> <img id="commaInsert" src="images/addcomma.svg" alt="Select" title="Separate the characters in the edit buffer with commas." onmouseover="this.src='images/addcomma_focus.svg'" onmouseout="this.src='images/addcomma.svg'" onclick="addSpacesToPicker(',');"/> <img src="images/rotate.svg" id="rotateIcon" alt="Select" title="Turn a sequence of items into a list." onmouseover="this.src='images/rotate_focus.svg'" onmouseout="this.src='images/rotate.svg'" onclick="rotatePickerContent();"/> <!--img src="images/convert.png" id="convertEscapes" alt="Convert text area" title="Convert escapes in the text area to characters." onmouseover="this.src='images/convert_focus.png'" onmouseout="this.src='images/convert.png'" onclick="document.getElementById('picker').value = convertTextArea(document.getElementById('picker').value)" /--> <img id="case_simple" src="images/case_simple.svg" alt="Convert" title="Show upper/lower/title case alternatives for all characters in the copy/paste box." onmouseover="this.src='images/case_simple_focus.svg'" onmouseout="this.src='images/case_simple.svg'" onclick="convert2upper(document.getElementById('picker').value, false); return false;" /> <img src="images/nfc.svg" alt="NFC" title="Convert text in the text area to NFC." onmouseover="this.src='images/nfc_focus.svg'" onmouseout="this.src='images/nfc.svg'" onclick="doN11n('nfc'); document.getElementById('picker').focus();" /> <img src="images/convertPicker2Char.svg" alt="Convert to characters" title="Convert hex values & escapes to characters." onmouseover="this.src='images/convertPicker2Char_focus.svg'" onmouseout="this.src='images/convertPicker2Char.svg'" onclick="convertPicker2Chars()"><br/> <img src="images/removespace.svg" alt="Select" title="Remove all spaces from the text area." onmouseover="this.src='images/removespace_focus.svg'" onmouseout="this.src='images/removespace.svg'" onclick="document.getElementById('picker').value = document.getElementById('picker').value.replace(/\s/g,'')" /> <img src="images/expand.svg" alt="Expand" title="Expand ranges of characters in the text area. For example, 'a-zA-Z'." onmouseover="this.src='images/expand_focus.svg'" onmouseout="this.src='images/expand.svg'" onclick="if (document.getElementById('picker').value== '') { alert('Add characters to the text area.'); } else { document.getElementById('picker').value = expandList(document.getElementById('picker').value); }"/> <img src="images/count.svg" alt="Count" title="Count the characters in the text area." onmouseover="this.src='images/count_focus.svg'" onmouseout="this.src='images/count.svg'" onclick="if (document.getElementById('picker').value== '') { alert('None.'); } else { alert(countPickerChars()); }"/> <!--img src="images/analyse.png" alt="Expand" title="Produce an annotated list of characters that are in the text area." onmouseover="this.src='images/analyse_focus.png'" onmouseout="this.src='images/analyse.png'" onclick="analysis = window.open('../app-analysestring/index.html?chars='+encodeURIComponent(document.getElementById('picker').value), 'analysis'); analysis.focus();"/--> <img src="images/han.svg" alt="UniHan" onmouseover="this.src='images/han_focus.svg'" onmouseout="this.src='images/han.svg'" onclick="showUnihan(document.getElementById('picker').value, 'char');" title="Look up characters in the text area in the UniHan database."/> <!--img src="images/openConvert.png" alt="Convert" id="externalConvert" title="Send characters in the text area to the Unicode Character Converter tool." onmouseover="this.src='images/openConvert_focus.png'" onmouseout="this.src='images/openConvert.png'" onclick="converter = window.open('../app-conversion/index.html?q='+encodeURIComponent(document.getElementById('picker').value), 'converter'); converter.focus();" /--> <!--img id="case_detail" src="images/case_detail.png" alt="Convert" title="Show upper/lower/title case alternatives with correspondences for all characters in the copy/paste box." onmouseover="this.src='images/case_detail_focus.png'" onmouseout="this.src='images/case_detail.png'" onclick="convert2upper(document.getElementById('picker').value, true); return false;" /--> <img src="images/nfd.svg" alt="NFD" title="Convert text in the text area to NFD." onmouseover="this.src='images/nfd_focus.svg'" onmouseout="this.src='images/nfd.svg'" onclick="doN11n('nfd'); document.getElementById('picker').focus();" /> <img src="images/convertPicker2Hex.svg" alt="Convert to hex" title="Convert characters to hex values." onmouseover="this.src='images/convertPicker2Hex_focus.svg'" onmouseout="this.src='images/convertPicker2Hex.svg'" onclick="convertPicker2Hex()"> </div> <div style="position: relative; align-self:center;"> <img src="images/transfer.png" alt="Select" title="Send the characters in the text box to another application." style="width: 25px; height:29px;" onclick="if (document.getElementById('shuttle').style.display === 'none') {document.getElementById('shuttle').style.display = 'block'} else {document.getElementById('shuttle').style.display = 'none' };" /> <div id="shuttle" style="display: none;" onmouseup="this.style.display='none'; document.getElementById('picker').focus();"> <strong>For character(s)</strong><br> <button onclick="showCharacterMarkup(); return false;" title="Produce markup for the character(s).">Make character markup</button><br> <button onclick="explore(document.getElementById('picker').value, 'escapes'); return false;" title="Convert to escapes.">Convert to escapes</button><br> <button onclick="explore(document.getElementById('picker').value, 'analysestring'); return false;" title="Open in Analyse String app.">Analyse String</button><br> <button onclick=" chars = document.getElementById('picker').value filtered = [...chars] const uniqueSet = new Set(filtered) const backToArray = [...uniqueSet] chars = backToArray.join('') explore(chars, 'analysestring'); return false;" title="Open in Analyse String app but remove duplicates.">Analyse String (unique)</button><br> <button onclick="explore(document.getElementById('picker').value, 'listchars'); return false;" title="Show characters grouped by Unicode block.">List Characters</button><br> <button onclick="explore(document.getElementById('picker').value, 'charuse'); return false;" title="Open in Character Usage app.">Character Usage</button><br> <button onclick="firstChar = [...document.getElementById('picker').value][0]; explore(document.getElementById('picker').value, 'fontlister', findScriptISO(firstChar.codePointAt(0))); return false;" title="Show system fonts for script of the first character.">Font Lister</button><br> <button onclick="explore(document.getElementById('picker').value, 'listgc'); return false;" title="List characters by General Category properties.">General categories</button><br> <button onclick="explore(document.getElementById('picker').value, 'listbidi'); return false;" title="List characters by Bidirectional properties.">Bidi class</button><br> <button onclick="explore(document.getElementById('picker').value, 'listlinebreak'); return false;" title="List characters by Line breaking properties.">Line breaking</button><br> <button onclick="explore(document.getElementById('picker').value, 'listindic'); return false;" title="List characters by Indic Syllabic category.">Indic category</button><br> <button onclick=" firstChar = [...document.getElementById('picker').value][0]; explore(firstChar, 'characternotes', findScriptISO(firstChar.codePointAt(0))); return false;" title="Show character notes for the first character.">Character notes</button><br> <!--button onclick="openScriptPageWindow(); return false;" title="View first character in selection in a page that describes the script.">Script notes</button><br--> <button onclick="explore(document.getElementById('picker').value, 'graphemeclusters'); return false;" title="Show grapheme cluster boundaries.">Grapheme clusters</button><br> <button onclick="explore(document.getElementById('picker').value, 'analyseipa'); return false;" title="Show what IPA letters stand for.">IPA analyser</button><br> <strong>For the script:</strong><br> <button onclick="firstChar = [...document.getElementById('picker').value][0]; explore(document.getElementById('picker').value, 'scriptlinks', findScriptISO(firstChar.codePointAt(0))); return false;" title="Show links to other resources for the script of the first character.">More links</button><br> <button onclick="firstChar = [...document.getElementById('picker').value][0]; explore(document.getElementById('picker').value, 'notofonts', '', findScriptGroup(firstChar.codePointAt(0))); return false;" title="Download Noto fonts for the script of the first character.">Get Noto fonts</button><br> <button onclick="firstChar = [...document.getElementById('picker').value][0]; explore(document.getElementById('picker').value, 'textsamples', findScriptISO(firstChar.codePointAt(0))); return false;" title="Show text samples for the script of the first character.">Text samples</button><br> <button onclick="firstChar = [...document.getElementById('picker').value][0]; explore(document.getElementById('picker').value, 'corespec', findScriptISO(firstChar.codePointAt(0))); return false;" title="Show the relevant chapter in the Unicode Core spec.">Unicode chapter</button><br> <div id="closeShuttle" style="cursor: pointer; background: antiquewhite; padding: .25em 1em; border: 4px solid white;" onclick="document.getElementById('shuttle').style.display='none'; document.getElementById('picker').focus();">X</div> </div> </div> </div> </div> </div><!-- end of panelWrapper --> <div id="displayControls"> <label title="Switch between using graphics or font-based display of characters."> <input type="checkbox" id="graphicsToggle" onclick="toggleGraphic(this);" checked="checked"> Use graphics</label> <label title="Use a list where UniView would normally produce a matrix (eg. for display of Unicode blocks)."> <input name="listMatrixToggle" type="checkbox" id="listMatrixToggle" onclick="toggleDisplay(this);"> Show tables as a list</label> <label title="Display notes for characters, where available."> <input name="showNotesToggle" type="checkbox" id="showNotesToggle" onclick="toggleNotes(this);" checked="checked"> Show notes</label> </div> <div id="blockInfoPointer"></div> <div id="namedisplay" style="clear:both;"><span> </span></div> <div id="listOutput"> <div id="chart"> <div class="startmsg"> <p class="quickstartmsg">Tables and lists appear here.</p> <p><strong>To get started</strong>, either:</p> <ul> <li>select a Unicode block or character range using the controls above, </li> <li>add characters, code points or text to the <span class="onscreen">Search</span> field and click on one of <span class="onscreen">Hex</span>, <span class="onscreen">Dec</span>, <span class="onscreen">Characters</span> or <span class="onscreen">Text</span>, or</li> <li>paste some text into the <span class="onscreen">text area</span> and hit the <img src="images/clickfromcparea.png" alt=" " style="height: 1.5em; width: 1.5em;" /> button to list the characters.</li> </ul> <p><strong>Clicking/tapping</strong> on characters in a table or list displays detailed information for them in the right-hand part of the page. <strong>Double-clicking/tapping</strong> adds the character to the text area. To move all characters to the text area, click on <img src="images/clicktocparea.png" alt=" " style="height: 1.5em; width: 1.5em;" />.</p> <p>By default, <strong>characters are shown as images</strong>. If you have the necessary font you can speed up display by unchecking <span class="onscreen">Use graphics</span> above.</p> <p>No images are available for the characters in the very large <strong>Han, Hangul or Tangut</strong> blocks. I recommend installing the free <a href="http://www.babelstone.co.uk/Fonts/Han.html">Babelstone Han</a> and <a href="http://www.babelstone.co.uk/Fonts/Yinchuan.html">Tangut Yinchuan</a> fonts to get good coverage.</p> </div> </div> <p id="startupMsg">You need to enable JavaScript to use this</p> <p id="ack">Uses graphics from decodeunicode project.</p> <div id="tags"> <p><!--input type="text" onChange="highlightByTag(this.value);"/--></p> </div> </div> <div id="clickDirection" title="Toggle to determine what happens if you click on characters in a list or table: copy to the text area, or display details to the right." onclick="togglePanelDestination();"><img src="images/sendToPanel.png" alt="🢂"></div> <div id="charOutputWrapper"> <div id="charOutput"> <div id="charInfo"> <div class="startmsg "> <p class="quickstartmsg">Character data appears here.</p> <p>Any time you click on a character in a list or table to the left, detailed information and links for that character are displayed here.</p> <p><strong>Notes are available</strong> for many characters. Click on <samp class="onscreen">Show notes</samp>, and you will see them below when character information is displayed here.</p> <p>The app covers Unicode version 16(beta). For more information about Unicode 16(beta), see the <a href="https://www.unicode.org/versions/Unicode16.0.0/">Unicode 16(beta) page</a>.</p> <p>UniView can do much more. Check out the <span onclick="help = window.open('help.html', 'help'); help.focus(); return false;" style="color:teal; text-decoration:none; cursor:pointer;" class="link"><strong>User Guide</strong></span>.</p> </div> </div> <!--div id="descKey">This is the key to the symbols used in decriptions</div--> <iframe id="notesIframe" src="blank.html"></iframe> </div> <div id="notescontainer">hello there</div> <br style="clear:both"/> <div class="smallprint"><span id="version"> See <a href="https://github.com/r12a/uniview/commits/gh-pages">recent changes</a>. Make a <a href="https://github.com/r12a/uniview/issues/new">comment</a>. Licence <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC-By</a> © <a href="mailto:r12a@w3.org">r12a</a> </span> </div> <div id="temptest"> </div> <!--iframe id="notesIframe" src="blank.html"></iframe--> </div> </div> </div><!-- end of div role=main --> <dialog id="copyNotice">Copied !</dialog> <dialog id="characterMarkup">Markup</dialog> <dialog id="caseConverter"> <p>To upper:<br><span id="caseOutputUpper" onclick="navigator.clipboard.writeText(this.textContent);"></span></p> <p>To lower:<br><span id="caseOutputLower" onclick="navigator.clipboard.writeText(this.textContent);"></span></p> <p>To titlecase:<br><span id="caseOutputTitle" onclick="navigator.clipboard.writeText(this.textContent);"></span></p> <p>Characters without conversion:<br><span id="caseOutputNone" onclick="navigator.clipboard.writeText(this.textContent);"></span></p> <p onClick="this.parentNode.style.display = 'none'" style="text-align: end; cursor: pointer; font-size:2rem; margin-block:0;">X</p> </dialog> <script> // stop the startup message document.getElementById('startupMsg').style.display = 'none'; // stop IE changing the focus when clicking on an img if (document.all) { document.getElementById('chart').onselectstart = function () { return false }; } document.getElementById('picker').focus(); // check for parameters and take appropriate action parameters = location.search.split('&'); parameters[0] = parameters[0].substring(1) for (var p=0;p<parameters.length;p++) { pairs = parameters[p].split('=') if (pairs[0] == 'char' && pairs[1]) printProperties( parseInt(pairs[1],16) ) else if (pairs[0] == 'charlist' && pairs[1]) { document.getElementById("picker").value = decodeURIComponent(pairs[1]);showCharacterList(decodeURIComponent(pairs[1])) } else if (pairs[0] == 'codepoints') { if (pairs[1]) { showCodepoint(pairs[1]); } } else if (pairs[0] == 'search') { if (pairs[1]) { findString(pairs[1]); } } else if (pairs[0] == 'block') { if (pairs[1]) { range=getRange(pairs[1]); firstcp=range.split(":"); infoptr = scriptInfoPointer(firstcp[0]); showSelection( getRange(pairs[1]) ); /*if (infoptr > 0) { displayBlockData(infoptr); } */ } } else if (pairs[0] == 'range') { if (pairs[1] && pairs[1].includes(':')) { document.getElementById('customRange1').value = pairs[1]; showRange(); } } else if (pairs[0] == 'font') { if (pairs[1]) { changeFont(pairs[1]); } } } // check for stored settings document.getElementById('notesIframe').src = 'blank.html' if (localStorage['showNotes'] === 'true') { _showNotes = true document.getElementById('showNotesToggle').checked = true } // set the output area lengths setOutputElementSize() window.onresize = setOutputElementSize function setOutputElementSize () { listOutputElement = document.getElementById('listOutput') listOutputElement.style.height = eval(window.innerHeight - listOutputElement.offsetTop - 40) +'px' charOutputElement = document.getElementById('charOutputWrapper') charOutputElement.style.height = eval(window.innerHeight - charOutputElement.offsetTop - 40) +'px' } </script> </body> </html>