HTMLエンティティを確認してみる

HTMLエンティティを一覧で確認してみました
こんなコードを書いて

<script>
for (var i = 0; i < 255; i++) {
  document.writeln('code ' + i + ' &#'+i+'<br>');
}
</script>

htmlに貼り付けて、Webサーバー介して実行

code 0 �
code 1 
code 2 
code 3 
code 4 
code 5 
code 6 
code 7 
code 8 
code 9 
code 10 
code 11 
code 12 
code 13 
code 14 
code 15 
code 16 
code 17 
code 18 
code 19 
code 20 
code 21 
code 22 
code 23 
code 24 
code 25 
code 26 
code 27 
code 28 
code 29 
code 30 
code 31 
code 32 
code 33 !
code 34 "
code 35 #
code 36 $
code 37 %
code 38 &
code 39 '
code 40 (
code 41 )
code 42 *
code 43 +
code 44 ,
code 45 -
code 46 .
code 47 /
code 48 0
code 49 1
code 50 2
code 51 3
code 52 4
code 53 5
code 54 6
code 55 7
code 56 8
code 57 9
code 58 :
code 59 ;
code 60 <
code 61 =
code 62 >
code 63 ?
code 64 @
code 65 A
code 66 B
code 67 C
code 68 D
code 69 E
code 70 F
code 71 G
code 72 H
code 73 I
code 74 J
code 75 K
code 76 L
code 77 M
code 78 N
code 79 O
code 80 P
code 81 Q
code 82 R
code 83 S
code 84 T
code 85 U
code 86 V
code 87 W
code 88 X
code 89 Y
code 90 Z
code 91 [
code 92 \
code 93 ]
code 94 ^
code 95 _
code 96 `
code 97 a
code 98 b
code 99 c
code 100 d
code 101 e
code 102 f
code 103 g
code 104 h
code 105 i
code 106 j
code 107 k
code 108 l
code 109 m
code 110 n
code 111 o
code 112 p
code 113 q
code 114 r
code 115 s
code 116 t
code 117 u
code 118 v
code 119 w
code 120 x
code 121 y
code 122 z
code 123 {
code 124 |
code 125 }
code 126 ~
code 127 
code 128 €
code 129 
code 130 ‚
code 131 ƒ
code 132 „
code 133 …
code 134 †
code 135 ‡
code 136 ˆ
code 137 ‰
code 138 Š
code 139 ‹
code 140 Œ
code 141 
code 142 Ž
code 143 
code 144 
code 145 ‘
code 146 ’
code 147 “
code 148 ”
code 149 •
code 150 –
code 151 —
code 152 ˜
code 153 ™
code 154 š
code 155 ›
code 156 œ
code 157 
code 158 ž
code 159 Ÿ
code 160  
code 161 ¡
code 162 ¢
code 163 £
code 164 ¤
code 165 ¥
code 166 ¦
code 167 §
code 168 ¨
code 169 ©
code 170 ª
code 171 «
code 172 ¬
code 173 ­
code 174 ®
code 175 ¯
code 176 °
code 177 ±
code 178 ²
code 179 ³
code 180 ´
code 181 µ
code 182 ¶
code 183 ·
code 184 ¸
code 185 ¹
code 186 º
code 187 »
code 188 ¼
code 189 ½
code 190 ¾
code 191 ¿
code 192 À
code 193 Á
code 194 Â
code 195 Ã
code 196 Ä
code 197 Å
code 198 Æ
code 199 Ç
code 200 È
code 201 É
code 202 Ê
code 203 Ë
code 204 Ì
code 205 Í
code 206 Î
code 207 Ï
code 208 Ð
code 209 Ñ
code 210 Ò
code 211 Ó
code 212 Ô
code 213 Õ
code 214 Ö
code 215 ×
code 216 Ø
code 217 Ù
code 218 Ú
code 219 Û
code 220 Ü
code 221 Ý
code 222 Þ
code 223 ß
code 224 à
code 225 á
code 226 â
code 227 ã
code 228 ä
code 229 å
code 230 æ
code 231 ç
code 232 è
code 233 é
code 234 ê
code 235 ë
code 236 ì
code 237 í
code 238 î
code 239 ï
code 240 ð
code 241 ñ
code 242 ò
code 243 ó
code 244 ô
code 245 õ
code 246 ö
code 247 ÷
code 248 ø
code 249 ù
code 250 ú
code 251 û
code 252 ü
code 253 ý
code 254 þ

な感じで確認できます
なんでやったかというと、IE8だと全然違うものが出てきてびっくりしたから確認しました

htmlのtableタグ内を縦書きにする

htmlのtableタグ内を縦書きにしてみました
Firefox以外なら使えると思います

まずはテーブルを用意

<table>
    <tr>
        <th>No.</th>
        <th>こんにちわー</th>
        <th>どーも</th>
    </tr>
    <tr>
        <td>1</td>
        <td>〇</td>
        <td>×</td>
    </tr>
</table>
No. こんにちわー どーも
1 ×

縦書にしてみます
CSSを用意して

.vertical {
  writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: .2em;
}

thタグに.verticalクラスをつけたもの、
thタグにspanタグをいれて、.verticalクラスをつけたものを用意すると

<table>
    <tr>
        <th>No.</th>
        <th class="vertical">こんにちわー</th>
        <th><span class="vertical">どーも</span></th>
    </tr>
    <tr>
        <td>1</td>
        <td>〇</td>
        <td>×</td>
    </tr>
</table>

こんなテーブルになります

No. こんにちわー どーも
1 ×

thをそのまま縦書にすると横向きますが、spanタグで囲うと大丈夫です
あとは高さを調整すれば、よさそうです

Firefoxがだめなので、使いどころは限られますが..

z-indexで下になっているものをクリックする

html、cssあたりの話です

オブジェクトがかぶっていて、z-indexで下になっているものをクリックしたかったので調べました
どんぴしゃのコードを発見

http://jsfiddle.net/LNwHV/1/

cssのプロパティ、pointer-events に none を上のオブジェクトに設定すればイベントが発生せず、下のオブジェクトのイベントにアクセスできます

ただ対応ブラウザが
http://caniuse.com/#search=pointer-events
な感じ

IE10以下がなければ使えるのですが..