SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html class="js" dir="ltr" lang="en">3 <head>4 <style>5 @font-face{font-family:Literata;src:url(/static/assets/Literata-ad86563c.woff2) format("woff2-variations");font-weight:1 999;font-display:optional}@font-face{font-family:Literata;font-style:italic;src:url(/static/assets/Literata-Italic-1bfd133d.woff2) format("woff2-variations");font-weight:1 999;font-display:optional}:root{--font-mod: 1.25;--font-family: Literata, Noto Serif, Droid Serif, Georgia, Times New Roman, Times, serif;--font-family-alternate: Noto Sans, Droid Sans, Verdana, sans-serif;--color-danger: #901;--color-danger-muted: #eadadc;--color-success: #190;--color-success-muted: #dceada;--color-neutral: rgba(0,0,0,.46667);--color-input-text: #403c37;--color-input-back: #ffffff;--color-input-bord: #bbbbbb;--color-back-bright: #ffffff;--color-back-dim: #eeeeee;--color-border: #dddddd;--color-border-light: #eeeeee;--color-border-medium: #bbbbbb;--color-border-dark: #333333;--raisin-black: hsl(290, 10%, 10%);--mint-cream: hsl(40, 37%, 99%);--burgundy: hsl(350, 85%, 52%);--rosewood: hsl(350, 93%, 36%);--dark-sienna: hsl(350, 89%, 15%);--eerie-black: hsl(230, 10%, 10%);--alabaster: hsl(50, 22%, 93%);--generic-viridian: hsl(170, 85%, 47%);--bottle-green: hsl(170, 93%, 31%);--blue-green-color-wheel: hsl(170, 89%, 15%);--color-text: var(--raisin-black);--color-back: var(--mint-cream);--color-back-rgb: 253, 253, 252;--color-link: var(--rosewood);--color-link-hover: var(--burgundy);--color-hilite: var(--generic-viridian);--hsl-backlight: 0, 0%, 100%;--hsl-highlight: 0, 0%, 100%;--hsl-shadow: 40, 20%, 10%;--dimmed: .75;--ease-in-out-quint: cubic-bezier(.83, 0, .17, 1);color-scheme:light}:root.force-dark{--color-danger: #b02;--color-danger-muted: #3c1a20;--color-success: #2b0;--color-success-muted: #203c1a;--color-neutral: rgba(255,255,255,.53333);--color-input-text: #e8edf2;--color-input-back: #242424;--color-input-bord: #777777;--color-back-bright: #000000;--color-back-dim: #272529;--color-border: #444444;--color-border-medium: #555555;--color-border-light: var(--color-back-dim);--color-text: var(--alabaster);--color-back: var(--eerie-black);--color-back-rgb: 23, 24, 28;--color-link: var(--bottle-green);--color-link-hover: var(--generic-viridian);--color-shadow: rgba(255,255,255,.2);--hsl-backlight: 0, 0%, 0%;--hsl-highlight: 40,20%, 10%;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not(.force-light){--color-danger: #b02;--color-danger-muted: #3c1a20;--color-success: #2b0;--color-success-muted: #203c1a;--color-neutral: rgba(255,255,255,.53333);--color-input-text: #e8edf2;--color-input-back: #242424;--color-input-bord: #777777;--color-back-bright: #000000;--color-back-dim: #272529;--color-border: #444444;--color-border-medium: #555555;--color-border-light: var(--color-back-dim);--color-text: var(--alabaster);--color-back: var(--eerie-black);--color-back-rgb: 23, 24, 28;--color-link: var(--bottle-green);--color-link-hover: var(--generic-viridian);--color-shadow: rgba(255,255,255,.2);--hsl-backlight: 0, 0%, 0%;--hsl-highlight: 40,20%, 10%;color-scheme:dark}}:root{font:normal 16px/1.333 var(--font-family);font-feature-settings:"kern" on;text-rendering:optimizeLegibility;scrollbar-gutter:stable}@media (min-width: 601px){:root{scroll-padding-top:100px}}body{background:var(--color-back);color:var(--color-text);margin:0;display:flex;flex-direction:column;min-height:100vh;scrollbar-gutter:stable}:focus-visible{outline:2px solid var(--color-hilite);outline-offset:2px}a{color:var(--color-link);transition:color .3s}a:focus,a:hover{color:var(--color-link-hover)}svg{fill:currentColor;overflow:visible}th,td{padding:.2em .5em}th{font-weight:600}th[scope=row]{text-align:right}blockquote{font-style:italic}blockquote em,blockquote i{font-style:normal}.h1,h1{font-size:calc(1rem * var(--font-mod) * var(--font-mod) * var(--font-mod) * var(--font-mod) * var(--font-mod));font-weight:400;font-variation-settings:"opsz" 35}.h2,h2{font-size:calc(1rem * var(--font-mod) * var(--font-mod) * var(--font-mod) * var(--font-mod));font-weight:400}.h3,h3{font-size:calc(1rem * var(--font-mod) * var(--font-mod) * var(--font-mod));font-weight:400}.h4,h4{font-size:calc(1rem * var(--font-mod) * var(--font-mod))}.text_big,.h5,h5{font-size:calc(1rem * var(--font-mod))}.tiles .missing-cp,.tiles .cp:before,.ln .meta,.cp-toolbox,.cp-toolbox button,.page-footer,small,.text_small,figcaption{font-size:calc(1rem / var(--font-mod));font-family:var(--font-family-alternate)}dd+dt{margin-top:1em}.tiles>li>*,.card{border-radius:3px;background:rgba(0,0,0,.03922);box-shadow:2px 2px 5px hsla(var(--hsl-shadow),.2),-2px -2px 5px var(--color-input-back)}.card{padding:.75em}.tiles>li>*:focus,.tiles>li>*:hover,.card:focus{position:relative;top:-1px;left:-1px;box-shadow:10px 10px 20px hsla(var(--hsl-shadow),.2),-10px -10px 20px var(--color-input-back)}.ln{-webkit-text-decoration:none;text-decoration:none}.ln .meta{-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;opacity:.75}.ln>svg{transition-property:transform,color;transition-duration:.3s;transition-timing-function:var(--ease-in-out-quint);vertical-align:top;margin-top:2px}.ln[data-sensitivity="3"]>svg>use{opacity:.3}.ln:not([data-sensitivity="3"]):focus>svg,.ln:not([data-sensitivity="3"]):hover>svg{transform:scale(1.33)}.tiles{clear:left;list-style:none;padding-left:0;margin:0 auto;display:flex;flex-wrap:wrap;gap:1.5em;justify-content:center}.tiles>li{width:8em;display:flex}.tiles>li>*{display:flex;flex-direction:column;gap:.75em;padding:.75em .25em;width:100%;text-align:center;box-sizing:border-box}.tiles .missing-cp{text-align:center;opacity:.667}.tiles .ln{color:inherit}.tiles .cp:before{content:attr(data-cp);-webkit-text-decoration:none;text-decoration:none;display:block;text-align:center;position:relative;text-shadow:1px 1px var(--color-back)}.tiles .ln>svg{width:65%;height:auto;display:block;margin:0 auto}.tiles .ln:hover>svg,.tiles .ln:focus>svg{color:var(--color-link-hover)}.tiles .ln .title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:90%;flex-grow:1}.container--confusables{display:flex;flex-wrap:wrap;gap:24px}.tiles--confusables{display:flex;flex-wrap:wrap}.tiles--confusables:before{content:"";border:3px solid var(--color-input-bord);border-right-width:0;width:6px;display:block}.tiles--confusables:after{content:"";border:3px solid var(--color-input-bord);border-left-width:0;width:6px;display:block}.btn{display:inline-block;box-sizing:border-box}button,.btn,input,select,textarea{font-family:var(--font-family-alternate);-webkit-text-decoration:none;text-decoration:none;line-height:inherit;padding:.25em .5em;border-radius:2px}input,select,textarea{border:1px solid var(--color-input-bord);background:var(--color-input-back);color:var(--color-input-text)}button,.btn{text-align:center;transition-property:background,color,box-shadow,border-color;transition-duration:.3s;border:1px solid var(--color-border);background:linear-gradient(to bottom,var(--color-back-bright),var(--color-back-dim));color:var(--color-text);box-shadow:inset 0 1px hsla(var(--hsl-highlight),.67),0 1px hsla(var(--hsl-highlight),.67),inset 1px 0 hsla(var(--hsl-highlight),.33),inset -1px 0 hsla(var(--hsl-highlight),.33),0 -1px 1px hsla(var(--hsl-backlight),.05);text-shadow:0 1px var(--color-back-bright)}button:hover,button:focus,.btn:hover,.btn:focus,.btn-focus{border-color:var(--color-border-medium);background:var(--color-back-bright);background:linear-gradient(to bottom,var(--color-back-bright),var(--color-back));box-shadow:inset 0 1px hsla(var(--hsl-highlight),.67),0 0 3px 0 var(--color-hilite)}button:active,.btn:active,.btn-active{text-shadow:0 1px hsl(var(--hsl-highlight));color:var(--color-text);box-shadow:inset 0 4px 4px -4px hsla(var(--hsl-backlight),.2),inset 4px 0 4px -4px hsla(var(--hsl-backlight),.1),inset -4px 0 4px -4px hsla(var(--hsl-backlight),.1);border:1px solid var(--color-border-light)}button[disabled],.btn-disabled,[disabled]>.btn{border-color:var(--color-input-bord);background:var(--color-back-dim);box-shadow:inset 0 1px hsla(var(--hsl-highlight),.67),0 1px hsla(var(--hsl-highlight),.67),inset 1px 0 hsla(var(--hsl-highlight),.33),inset -1px 0 hsla(var(--hsl-highlight),.33),0 -1px 1px hsla(var(--hsl-backlight),.05);text-shadow:0 1px var(--color-back-bright);color:var(--color-input-text);cursor:default;opacity:.67}.sqfig{float:left;margin:2em 1em 1em 0;padding:0;border-radius:21px;background:rgba(0,0,0,.03922);box-shadow:10px 10px 20px hsla(var(--hsl-shadow),.2),-10px -10px 20px var(--color-input-back)}@media (min-width: 100.25rem){.sqfig{margin-left:-17.625rem}}.sqfig svg{display:block;width:15.625rem}main[data-sensitivity="3"] .sqfig svg{opacity:.3;filter:blur(8px);transform:scale(.3)}.sqfig figcaption{padding:.25em;text-align:center}.cpfig__img--So{overflow:hidden}@media (max-width: 600px){.main aside{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}}.cp-toolbox--tools{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 601px){.cp-toolbox{width:13.625rem;padding:0 1rem;margin:1em}.cp-toolbox--profile{float:left;clear:left}.cp-toolbox--tools{float:right;clear:right}}@media (min-width: 100.25rem){.cp-toolbox--profile{margin-left:-17.625rem}.cp-toolbox--tools{margin-right:-17.625rem}}.cp-toolbox dt{opacity:var(--dimmed);float:left;clear:left;margin:0;margin-right:.5rem;min-width:3rem}.cp-toolbox dt:after{content:":"}.cp-toolbox dd{margin:0;margin-bottom:.5rem}.cp-toolbox .btn,.cp-toolbox button{width:100%}.cp-toolbox .btn svg{vertical-align:middle}p .bl .meta,p .pl .meta{display:none}.props{margin-left:auto;margin-right:auto}.props th:first-child{text-align:right}.props .x{color:var(--color-neutral)}.props .y{color:var(--color-success)}.props .n{color:var(--color-danger)}.pagination{margin:1em 0;text-align:center}.pagination ol{list-style:none;margin:0;padding-left:0;display:inline-flex;flex-wrap:wrap;gap:1em;justify-content:center}.pagination li{margin:0}.pagination li>*{display:block;padding:.5em;min-width:1em;height:1em;line-height:1em;border:1px solid var(--color-input-bord)}.pagination a{-webkit-text-decoration:none;text-decoration:none}.pagination li>span{opacity:.667;cursor:default}.page-header{margin-bottom:1em}.page-header nav ul{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;margin:0}.page-header nav a{display:block;padding:.5em 1em}.main-nav a svg{vertical-align:middle}.page-footer{margin-top:1rem;padding:1rem;border-top:1px solid var(--color-border-light)}.page-footer>*{max-width:65rem;margin:0 auto}.page-footer>*+*{margin-top:1rem}.page-footer ul{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;margin:0;gap:2rem}.page-footer ul a{display:block;padding:.5em;margin:-.5rem}.page-footer a svg{vertical-align:middle}[data-barba=container]{display:flex;flex-direction:column}.main{padding:0 1em;flex-grow:1}.main>:not(.tiles):not(.sqfig):not(.full-width){max-width:65rem;margin-left:auto;margin-right:auto}.main--index{background:url(/static/assets/front_light-12f7b160.webp) no-repeat center top;background-size:contain}@media (min-width: 1201px){.main--index{background-size:1536px 702px}}:root.force-dark .main--index{background-image:url(/static/assets/front_dark-b12e1af0.webp)}@media (prefers-color-scheme: dark){:root:not(.force-light) .main--index{background-image:url(/static/assets/front_dark-b12e1af0.webp)}}.main--index>:not(h1){background:hsla(var(--hsl-backlight),.6);box-shadow:0 0 10px 10px hsla(var(--hsl-backlight),.6)}.main--index blockquote{text-align:center}.glossary__quicknav{list-style:none;padding:.5em;margin:1em 0;display:flex;flex-wrap:wrap;gap:1em;justify-content:center;position:-webkit-sticky;position:sticky;top:0;background-color:var(--color-back)}@media (min-width: 601px){.glossary__quicknav{top:93px}}#glossary,#glossary dt{scroll-margin-top:2.333em}@media (max-width: 65rem){#glossary,#glossary dt{scroll-margin-top:4.667em}}.transition-active{position:relative}.transition-active>*{position:absolute;width:100%;top:0}.main--index .searchform{text-align:center}.main--index .searchform input,.main--index .searchform button{font-size:calc(1rem * var(--font-mod) * var(--font-mod))}.main--index .searchform input{width:66%}@media (max-width: 600px){[data-barba=container]>cp-navigation{order:3}}cp-navigation{position:-webkit-sticky;position:sticky;z-index:1;background:rgba(var(--color-back-rgb),.85);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--font-family-alternate);font-size:calc(1em / var(--font-mod));display:flex;gap:.5em;padding-bottom:.5rem}@media (max-width: 600px){cp-navigation{bottom:0;border-top:1px solid var(--color-border-light)}}@media (min-width: 601px){cp-navigation{top:0;border-bottom:1px solid var(--color-border-light)}}cp-navigation>*{width:25%;flex-grow:1}cp-navigation a{display:block;text-align:center;color:var(--color-link);-webkit-text-decoration:none;text-decoration:none}cp-navigation .ln svg,cp-navigation a svg{display:block;width:80%;height:80%;max-width:64px;max-height:64px;margin:1em auto 0;transition-property:transform,color;transition-duration:.3s;transition-timing-function:var(--ease-in-out-quint);vertical-align:top;fill:currentColor}cp-navigation a:focus>svg,cp-navigation a:hover>svg{transform:scale(1.33)}cp-navigation .meta{display:none}cp-navigation .title{display:block;max-height:1.5em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;direction:rtl}cp-searchform form{display:flex;flex-wrap:wrap;gap:.3em}cp-searchform form p{flex-grow:1;width:100%}cp-search-freeform{flex-grow:1;display:flex;flex-wrap:wrap;width:100%;gap:.6em;margin:0 0 .6em;align-items:center}cp-search-freeform>label{flex-basis:120px}cp-searchform button[type=submit]{font-size:2em}.embed cp-navigation,.embed .cp-toolbox--tools,.embed .cpdesc,.embed .sqfig figcaption,.embed .embed-info,.embed .page-footer{display:none}@media (max-height: 100px){.main aside{display:none}}@media (max-width: 100px){.main h1{display:none}}@media (max-width: 200px) and (max-height: 40px){.main h1 .title__na{display:none}}.embed .main{padding-left:0;padding-right:0}.embed .sqfig{margin:0 .5rem 0 0;box-shadow:none;border-radius:0}.embed .sqfig svg{width:auto;max-width:100vw;max-height:100vh;aspect-ratio:1 / 1}.embed h1{font-size:1rem;margin:0}@media (min-height: 200px){.embed .embed-info{display:block;margin:0;position:fixed;top:auto;right:0;bottom:0;left:0}}.embed-info a{display:block;background:#f4d19e;color:var(--blue-green-color-wheel);font-family:var(--font-family-alternate);font-size:calc(1rem / var(--font-mod))}@media (min-height: 350px){.embed .embed-info a{padding:.5rem}}6 7 8 9cp-navigation,.cp-toolbox--tools,.page-footer a,.page-footer nav{display:none}body{display:block}.tiles li{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}a[href^=http]:after{content:" (" attr(href) ")"}10 </style>11 <meta charset="utf-8">12 <meta content="width=device-width" name="viewport">13 <title>14 U+CCFD HANGUL SYLLABLE CYEB: 쳽 – Unicode – Codepoints15 </title>16 <meta content="쳽, codepoint U+CCFD HANGUL SYLLABLE CYEB in Unicode, is located in the block “Hangul Syllables”. It belongs to the Hangul script and is a Other Letter." name="description">17 <meta content="#660000" name="theme-color">18 <meta content="summary" name="twitter:card">19 <meta content="@codepointsnet" name="twitter:site">20 <meta content="" name="twitter:url">21 <meta content="U+CCFD HANGUL SYLLABLE CYEB: 쳽 – Unicode" name="twitter:title">22 <meta content="쳽, codepoint U+CCFD HANGUL SYLLABLE CYEB in Unicode, is located in the block “Hangul Syllables”. It belongs to the Hangul script and is a Other Letter." name="twitter:description">23 <meta content="" name="twitter:image">24 <meta content="Codepoints.net" property="og:site_name">25 <meta content="article" property="og:type">26 <meta content="U+CCFD HANGUL SYLLABLE CYEB: 쳽 – Unicode" property="og:title">27 <meta content="쳽, codepoint U+CCFD HANGUL SYLLABLE CYEB in Unicode, is located in the block “Hangul Syllables”. It belongs to the Hangul script and is a Other Letter." property="og:description">28 <meta content="" property="og:image">29 </head>30 <body>31 <div data-barba="wrapper">32 <div data-barba="container">33 <div style="position: fixed;">34 </div>35 <cp-navigation>36 <a aria-label="go to the homepage" rel="start">37 <span class="title">38 Home39 </span>40 </a>41 <a class="ln cp" data-cp="U+CCFC" data-sensitivity="0" rel="prev">42 <span class="title">43 Hangul Syllable Cyem44 </span>45 </a>46 <a class="ln bl" rel="up">47 <span class="meta">48 U+AC00 to U+D7AF49 </span>50 <span class="title">51 Hangul Syllables52 </span>53 </a>54 <a class="ln cp" data-cp="U+CCFE" data-sensitivity="0" rel="next">55 <span class="title">56 Hangul Syllable Cyebs57 </span>58 </a>59 <!-- -->60 </cp-navigation>61 <main class="main main--codepoint" data-cp="52477" data-sensitivity="0">62 <div>63 <figure class="sqfig cpfig">64 <cp-copy content="쳽">65 </cp-copy>66 <figcaption>67 Source: Noto CJK68 </figcaption>69 </figure>70 </div>71 <h1>72 <span class="title__cp">73 U+CCFD74 </span>75 <span class="title__na">76 Hangul Syllable Cyeb77 </span>78 </h1>79 <aside>80 <div class="cp-toolbox cp-toolbox--profile">81 <dl>82 <dt>83 Nº84 </dt>85 <dd>86 5247787 </dd>88 <dt>89 General Category90 </dt>91 <dd>92 <a rel="nofollow">93 Other Letter94 </a>95 </dd>96 <dt>97 Script98 </dt>99 <dd>100 <a rel="nofollow">101 Hangul102 </a>103 </dd>104 <dt>105 Bidirectional Category106 </dt>107 <dd>108 <a rel="nofollow">109 Left To Right110 </a>111 </dd>112 <dt>113 Decomposition Type114 </dt>115 <dd>116 <a rel="nofollow">117 Canonical118 </a>119 </dd>120 </dl>121 </div>122 <div class="cp-toolbox cp-toolbox--tools">123 <cp-copy content="쳽">124 <button type="button">125 copy to clipboard126 </button>127 </cp-copy>128 <cp-btn-share>129 <a class="btn">130 <cp-icon height="16" icon="share" width="16">131 <!-- -->132 </cp-icon>133 share this codepoint134 </a>135 <!-- -->136 </cp-btn-share>137 <cp-btn-embed>138 <button type="button">139 embed this codepoint140 </button>141 </cp-btn-embed>142 </div>143 </aside>144 <section class="cpdesc cpdesc--desc">145 <!-- codepoint -->146 <p>147 U+CCFD was added to Unicode in version148 <a rel="nofollow">149 2.0150 </a>151 (1996). It belongs to the block152 <a class="ln bl" rel="up">153 <span class="meta">154 U+AC00 to U+D7AF155 </span>156 <span class="title">157 Hangul Syllables158 </span>159 </a>160 in the161 <a class="ln pl" rel="up">162 <span class="meta">163 U+0000 to U+FFFF164 </span>165 <svg height="16" width="16">166 <svg height="100%" viewbox="194 97 1960 1960" width="100%">167 <use xlink:>168 </use>169 </svg>170 </svg>171 <span class="title">172 Basic Multilingual Plane173 </span>174 </a>175 .176 </p>177 <!-- character -->178 <p>179 This character is a180 <a rel="nofollow">181 Other Letter182 </a>183 and is mainly used in the184 <a rel="nofollow">185 Hangul186 </a>187 script.188 </p>189 <!-- glyph -->190 <p>191 The glyph is a192 <a rel="nofollow">193 Canonical194 </a>195 composition of the glyphs196 <a class="ln cp" data-cp="U+CCEC" data-sensitivity="0">197 <svg class="cpfig__img cpfig__img--Lo" height="16" width="16">198 <title>199 Glyph for U+CCEC200 </title>201 <use>202 </use>203 </svg>204 <span class="title">205 Hangul Syllable Cye206 </span>207 </a>208 ,209 <a class="ln cp" data-cp="U+11B8" data-sensitivity="0">210 <svg class="cpfig__img cpfig__img--Lo" height="16" width="16">211 <title>212 Glyph for U+11B8213 </title>214 <use>215 </use>216 </svg>217 <span class="title">218 Hangul Jongseong Pieup219 </span>220 </a>221 . It has a222 <a rel="nofollow">223 Wide224 </a>225 East Asian Width. In bidirectional context it acts as226 <a rel="nofollow">227 Left To Right228 </a>229 and is230 <a rel="nofollow">231 not mirrored232 </a>233 . In text U+CCFD behaves as234 <a rel="nofollow">235 Hangul LVT Syllable236 </a>237 regarding line breaks. It has type238 <a rel="nofollow">239 Other Letter240 </a>241 for sentence and242 <a rel="nofollow">243 Alphabetic Letter244 </a>245 for word breaks. The Grapheme Cluster Break is246 <a rel="nofollow">247 Hangul Syllable Type LVT248 </a>249 .250 </p>251 </section>252 <section class="cpdesc cpdesc--repr">253 <h2>254 Representations255 </h2>256 <cp-representations cp="52477">257 <table class="props representations">258 <tbody>259 <tr class="primary" data-system="nr">260 <th scope="row">261 Nº262 </th>263 <td class="repr-number">264 52477265 </td>266 </tr>267 <tr class="primary" data-system="utf-8">268 <th scope="row">269 UTF-8270 </th>271 <td>272 EC B3 BD273 </td>274 </tr>275 <tr class="primary" data-system="utf-16">276 <th scope="row">277 UTF-16278 </th>279 <td>280 CC FD281 </td>282 </tr>283 <tr data-system="utf-32">284 <th scope="row">285 UTF-32286 </th>287 <td>288 00 00 CC FD289 </td>290 </tr>291 </tbody>292 </table>293 </cp-representations>294 </section>295 <section class="cpdesc cpdesc--othersites">296 <h2>297 Elsewhere298 </h2>299 <ul>300 <li>301 <a>302 Unicode website303 </a>304 </li>305 <li>306 <a>307 Reference rendering on Unicode.org308 </a>309 </li>310 <li>311 <a>312 Fileformat.info313 </a>314 </li>315 <li>316 <a>317 Graphemica318 </a>319 </li>320 </ul>321 </section>322 <section class="cpdesc cpdesc--record">323 <h2>324 Complete Record325 </h2>326 <table class="props">327 <thead>328 <tr>329 <th scope="col">330 Property331 </th>332 <th scope="col">333 Value334 </th>335 </tr>336 </thead>337 <tbody>338 <tr>339 <th scope="row">340 <cp-glossary-term term="age">341 Age342 </cp-glossary-term>343 </th>344 <td>345 <a rel="nofollow">346 2.0 (1996)347 </a>348 </td>349 </tr>350 <tr>351 <th scope="row">352 <cp-glossary-term term="na">353 Unicode Name354 </cp-glossary-term>355 </th>356 <td>357 <a rel="nofollow">358 HANGUL SYLLABLE CYEB359 </a>360 </td>361 </tr>362 <tr>363 <th scope="row">364 <cp-glossary-term term="na1">365 Unicode 1 Name366 </cp-glossary-term>367 </th>368 <td>369 <span class="x">370 —371 </span>372 </td>373 </tr>374 </tbody>375 </table>376 </section>377 </main>378 </div>379 </div>380 <footer class="page-footer">381 <p>382 This is Codepoints.net, a site dedicated to all things characters, letters and Unicode. Currently displaying Unicode version383 <strong>384 15.0.0385 </strong>386 .387 <a>388 Read more about this site.389 </a>390 </p>391 <nav>392 <ul>393 <li>394 <a rel="me">395 Mastodon396 </a>397 </li>398 <li>399 <a>400 Blog401 </a>402 </li>403 <li>404 <a rel="search">405 Search406 </a>407 </li>408 <li>409 <a>410 Scripts411 </a>412 </li>413 </ul>414 </nav>415 </footer>416 </body>417</html>418