はじめに
HTML認定試験のための勉強をしている。
なかなか覚えられないところのアウトプットを行う。
参考
HTTPヘッダーフィールド
一言で言うと...
サーバーやブラウザから送る（送られてくる）情報の説明書のようなもの。
主なヘッダーフィールド説明
| ヘッダーフィールド名 | 説明1 | 説明2 |
|---|---|---|
| Accept-Language | ブラウザが受け入れ可能な言語 | ブラウザがどの言語で送って欲しいか |
| Accept | クライアントが受け入れ可能なコンテンツタイプ | ブラウザなどが受け入れられるデータ形式 |
| Age | プロキシにキャッシュする秒数 | リソースが生成されてからの経過秒数 |
| Authorization | 認証情報 | |
| Cache-Control | キャッシュの制御 | ブラウザなどが受け入れられるデータ形式 |
| Cookie | クッキーの送受信 | ブラウザが保持するCookieの内容 |
| Set-Cookie | Webサーバーが生成するCookieの内容 | |
| Content-Encoding | 圧縮アルゴリズム | 圧縮形式 |
| Content-Length | メッセージボディのサイズ | |
| Content-Language | ユーザー向けの言語情報 | メッセージボディのデータの言語 |
| Content-Type | コンテンツのメディアタイプ | メッセージボディのデータ形式 |
| Expires | リソースの有効期限 | いつまで見れるか |
| Host | サーバ名とポート | |
| Last-Modified | リソースの最終更新情報 | |
| Location | リダイレクト先のURL | |
| Referer | 前のページのURL | |
| User-Agent | リクエストしたブラウザを表す文字列 | クライアントの情報 |
ベンダープレフィックス
| ベンダープレフィックス | 説明 | 由来 |
|---|---|---|
| -moz- | Firefox | Mozillaが開発元 |
| -ms- | Internet Explorer | Microsoftが開発元 |
| -webkit- | Google Chrome、Safari | webkitエンジン |
| -o- | Opera | Operaのo |
box-sizing
引用：https://zero-plus.io/media/box-sizing/
content-box(初期値)：paddingとborderを要素のwidthとheightに含まない
border-box：paddingとborderを要素のwidthとheightに含む
inherit：親要素の指定を引き継ぐ
border-boxでwidthを400pxとすると、、、
paddingが10px, borderが1pxの時。
表示領域の幅は、
400px - 10px * 2 - 1px * 2 = 378px
WebSoketとWebRTC
WebSoket
サーバーとクライアントがリアルタイムで双方向通信をするための技術。
WebRTC
ブラウザ同士のリアルタイムで音声、動画、データ通信をするための技術。
プラグインや外部アプリケーションが不要。P2P通信が可能。
| 比較 | WebSoket | WebRTC |
|---|---|---|
| 用途 | データ双方向通信（チャットやゲーム） | リアルタイム音声や動画通信 |
| 用途例 | チャットやゲーム | ビデオ会議 |
| 接続方式 | サーバーとクライアント | ブラウザ間 |
| データの種類 | テキストやバイナリデータなど | 音声動画など（リアルタイム性） |
Basic認証とDigest認証
| 比較 | Basic認証 | Digest認証 |
|---|---|---|
| パスワード送信 | Base64 符号化 | ハッシュ化 |
| セキュリティ | 低い | 高い |
media属性に指定できるメディアの種類
| メディア指定名 | 説明 |
|---|---|
| all | 全てのメディア |
| screen | 一般的なディスプレイ |
| プリンター | |
| projection | プロジェクター |
| handheld | 携帯電話などの画面の小さい機器 |
| braille | 点字ディスプレイ |
| embossed | 点字プリンタ |
| speech | 音声読み上げソフト |
| tty | ターミナルなどの文字幅が固定された機器 |
| tv | テレビ |
ジェネリックセンサー
-
環境光センサー
→スマホの画面明るさ -
加速度センサー
→歩数計 -
重力センサー
→傾きを察知するゲームなどに使われる -
ジャイロスコープセンサー
→360度の動画やゲームで使われる -
地理所在センサー
→地図アプリ -
磁気センサー
→コンパスアプリ -
絶対オリエンテーションセンサー
→高度なARアプリで使われる -
相対オリエンテンションセンサー
→特定の場所からどのくらい歩いたか？ -
近隣センサー
→通話中にスマホを耳に近づけると画面が暗くなる