HTML

「テキストボックスやテキストエリアに文字を入力してサーバにPOSTするとき、リクエストを送るブラウザによってサーバ側が受け取る文字（正確には「文字コード」）が変わる」
というケースを発見したっていうか実際に遭遇した。
これはちょっと前にツイッターでつぶやいた以下の内容に端を発し、事象を追求していく中でわかった事実である

unicodeの私用領域付近のコードをサーバにPOSTすると、サーバ側で受け取るコードがブラウザによって変わるという、謎の現象の話を聞いた。ホントかよと思い簡単なアプリ作って実験してやるぜと思ってたら半日が過ぎていた。真面目に仕事しないとな…(′・ω・｀)

— rmブランクスラッシュ(rm) (@rm_blank_slash) 2017年7月26日

これが、どういう理由や背景があるものなのかわからないが、
こういう、「サーバ処理に届く前に値を書き換えられる」というようなことやられると、
基本サーバ側で待ち構えているプログラムでは手の出しようがなくなるので、ちょっと困る。
（自分たちが作った範囲以外で起きる事象に対する動作保障はできない、というのが一般的な見解だ…昨今はそれが通じないことも多いが）
とりあえず実験してわかった範囲での記録をここに挙げていく。

※実験の過程で、WikipediaのUnicodeのページを参考にさせていただいた。
https://ja.wikipedia.org/wiki/Unicode
以後「Wikipedia」でという記述が合ったら上記のリンク先のページがそれだと解釈していただきたい。

Twitterでよく出てくる「絵文字」「顔文字」その他「不思議な文字」の正体を追跡する暇つぶしコーナー
主にtwemojiの簡単な実装方法の紹介（むしろその程度にしか知らん）と、絵文字や顔文字に関する情報の収集や整理等。

IEでTAB(U+0009)を見ると勝手に半角スペース(U+0020)に変えられてる件。
他のブラウザや制御文字はどーなの？ってのを調べた。

なんかわからんがTAB(U+0009)ってIEで見ると半角スペース(U+0020)に勝手に変わるようだな。ちょろめだとTABのまま。う〜ん…(′・ω・｀)#TAB #Chrome

— rmブランクスラッシュ (@rm_blank_slash) 2017年7月6日

IEでfancyboxをservletで呼び出したり、もしくはfancyboxからservletを呼び出したりすると、
昔で言うところの「砂時計」にあたる待機中表示が消える（待機中表示にならなくなる）。
特定のケースでは一時的に待機中表示が出たりもするが、これに関してもサーバ側の処理が終わる前に必ず消える。
fancyboxを使わない限りは、待機中表示は処理中であれば消えたりしないので、fancyboxを絡めた場合にだけどうもこうなってしまう。
ただ、Google ChromeとFire Foxはfancyboxがあってもちゃんと待機中表示してくれる。どうもIEだけのようだ。
うん、「また」なんだ。すまない。（´・ω・｀)

まあ結構アレな（稀有な）使い方のようにも思えるから普通は起きないのかなあ～
でも俺起きて困ったんだよなあ～

input type="file"でファイルを選択すると、選択されたファイルが実際に位置しているローカルディスクのフルパスとは違うパス値として自動的にC:\fakepath\（選択したファイル名）に変換されることがある。
ググってみると昨今のブラウザのセキュリティ仕様で勝手にそういう風に変換されるらしい。
ただこれはブラウザ毎にも少し異なる動きをするし、ローカルのHTMLを直接ブラウザで開いた場合やサーバ上に存在するHTMLを開いた場合でも異なる。
実験して分かった範囲をまとめてみる。

INPUTでTYPE=TEXTの場合に設定するMAXLENGTHプロパティによる、
最後の文字の入力制御のされ方がブラウザによって違うようだ。

SUBMITにVALUE未指定だと、IEで印刷プレビューすると勝手に「クエリ送信」って文字列が付くらしい。
ググってみると、昔のバージョンのIEだと、
SUBMITにVALUEが入ってない場合、ブラウザ表示の段階から「クエリ送信」って表示する仕様だったようだ。
現代のIEの印刷プレビューにだけそれが残っているのはその名残か？

この現象は、Win7/IE11で再現。
Google Chrome、FireFoxではおきない。
要するにIEだけで起きる。
はっきり言っていい迷惑だ。
余計な文字を勝手に出すな！と言いたい。

IE11には「互換表示」というオプションがあって、
ツールバーの「ツール」→「互換表示設定」で互換表示の対象ドメインを指定できる。
互換表示対象になるとIE7相当で画面表示できる（とどこかで聞いた）。
IEはバージョンによってレンダリングの仕方（画面への描画の方法）が違うらしく
互換表示の有無によっていろいろ見え方が変わる。
互換表示の有無に関わらず表示内容を統一する場合、
以下のmetaタグ（以後X-UAと呼ぶ）をいれることでそれを制御できる。

  
<meta http-equiv="X-UA-Compatible" content="IE=edge">  

のだが、ちょっとした注意が必要である。
以下に実例を示す。

最近知ったんだけどtableタグの中にdivタグいれるのはNGらしい。
確かに言われてみるとなんか変な気もするが。
構文的にダメってのは知らなかった。

印刷範囲の指定をするスタイルシート

@media print{

#jogai{display:none;}

}

このとき、id=jogaiを指定した要素は印刷範囲の対象外になる。