border-collapse: collapse;
table-layout: fixed; /* prevent resizing, notably in msie6 */
}
+#legend {
+ margin-top: 1em;
+}
+#legend table {
+ width: 100%;
+ table-layout: auto;
+#}
+#legend td {
+ padding: 0 0.2em;
+}
thead th, td {
width: 1.2em; /* msie only looks at the first row */
min-width: 1em; /* prevents gecko from restricting to page width */
border: 1px solid #888;
background: #DDD;
}
-td.any {
+td.X {
background: #FFF;
}
+
+td.Lm, td.Mc, td.Me, td.Zl, td.Zp, td.Cs {background:red} /* unknown */
+
+/* letters */
+td.Greek {background: #FFE0CF}
+td.Cyrillic {background: #FFDDA8}
+td.Latin {background: #FFB}
+td.Hebrew {background: #FFD}
+td.Arabic {background: #EFE}
+td.Hiragana {background: #DFC}
+td.Katakana {background: #DFA}
+td.Bopomofo {background: #BFC}
+
+td.Nd, td.Nl,
+td.No {background: #FBB} /* number */
+td.Sc {background: #FCD} /* currency */
+td.Sm {background: #ECE} /* math */
+td.So {background: #DDCCFF} /* symbol */
+td.Cf, td.Pd,
+td.Po {background: #CDF} /* punctuation */
+td.Ps, td.Pe, td.Pi,
+td.Pf {background: #BEF} /* quote */
+td.Lm,
+td.Sk {background: #CEE} /* spacing modifier */
+td.Mn {background: #ACC} /* modifier */
+td.Cc {background: #BBB; color: #666} /* control */
+td.Zs {background: #ACB} /* space */
+td.Zs span {background: #EEE}
+
+td.Xa {color: #0A0} /* ascii */
+td.Xl {color: #070} /* latin1 */
+td.Co {color: #800} /* private */
+td.Xz {color: #D00} /* proposed */
+
+tr:hover td {
+ background: #FF8;
+}
</style>
</head>
<body>
<h1>RFC-1345 Digraphs</h1>
+
<:
my $di = do 'digraphs.inc.pl';
my @chars = ((map {chr} ord '!' .. ord 'Z'), 'a'..'z');
splice @chars, $_, 1, () for 2, 3-1, 5-2, 31-3; # remove character exceptions # $ & @
+my @chars2 = (@chars, '_'); # trailing character (extended set)
+
print '<table>';
-print '<thead><tr><th> ';
-print "<th>$_" for @chars, '_';
+for my $section (qw{thead tfoot}) {
+ print "<$section><tr><th> ";
+ print "<th>$_" for @chars2;
+}
print '<tbody>';
for my $c1 (@chars) {
print "<tr><th>$c1";
- for my $c2 (@chars, '_') {
+ for my $c2 (@chars2) {
my $mnem = $c1 . $c2;
if (not defined $di->{$mnem}) {
print '<td>';
next;
}
- my $chr = $di->{$mnem};
+ my ($codepoint, $name, $prop, $script) = @{ $di->{$mnem} };
+
+ my $glyph = chr $codepoint;
+ utf8::upgrade($glyph); # prevent latin1 output
+ my $desc = $mnem . ($name && " ($name)");
+ my @class = ('X', grep {$_} $prop, $script);
- my @class = 'any';
+ $glyph = quote($glyph);
+ $glyph = "<span>$glyph</span>" if $prop eq 'Zs';
- printf '<td class="%s" title="%s">%s',
- join(' ', @class), quote($mnem), quote(chr $chr);
+ printf "\n".'<td class="%s" title="%s">%s',
+ join(' ', @class), quote($desc), $glyph;
}
- print "\n";
+ print "\n<th>$c1\n";
}
print "</table>\n";
+:>
+<div id="legend">
+ <table><tr>
+ <td class="X Cc">control
+ <td class="X Zs"><span>spacing</span>
+ <td class="X Mn">modifier
+ <td class="X Sk">spacing modifier
+ <td class="X Pf">quote
+ <td class="X Po">punctuation
+ <td class="X So">symbol
+ <td class="X Sm">math
+ <td class="X Sc">currency
+ <td class="X No">numeric
+ <td class="X Greek">greek
+ <td class="X Cyrillic">cyrillic
+ <td class="X Latin">latin
+ <td class="X Hebrew">hebrew
+ <td class="X Arabic">arabic
+ <td class="X Hiragana">japanese
+ <td class="X Bopomofo">chinese
+ </table>
+
+ <table><tr>
+ <td class="X">unicode
+ <td class="X Xl">latin1
+ <td class="X Xa">ascii
+ <td class="X Co">private
+ <td class="X Xz">proposed
+ </table>
+</div>
+</html>