今回はHTTPヘッダの種類と基礎についてざっとまとめていきます。命令」「お願い」などを書く場です。HTTPは様々な情報をやり取りしますが、実態はこのヘッダーで挙動を変化させて情報をボディで送信する構造になっています。ヘッダーには色々な種類の情報があるので、デベロッパーツールのNetworkタブでも確認できるので、こんな意味があるのかと確認しながら見るとより理解が深まるでしょう!では、いってみましょう〜HTTPヘッダの基礎と種類HTTPヘッダにはよく利用される種類がいくつかあります。HostContent-typeUser-agentAcceptRefererAccept-EncodingAuthorizationLocationひとつずつ眺めていきます。Hostリクエストする際につけるヘッダーです。:443)のことです。HTTP/1.0ではIPアドレスのみの特定だったので異なるドメイン名でも区別できないことがあったようですが、HTTP/1.1でHostヘッダが追加されてドメイン名で区別できるようになったようです。Content-typeリクエスト・レスポンスどちらでも利用できるヘッダーです。ボディの内容がどの様な種類のメディアタイプなのかを示しています。charset=utf-8といったものがあると、applicationが「タイプ」と呼び、xhtml+xmlが「サブタイプ」と呼びます。タイプは以下のようなものがあります。text:人が読んでも理解できるテキストimage:画像データaudio:音声データvideo:映像データapplication:その他のデータサブタイプは以下のようなものがあります。text/plain:プレーンテキストtext/csv:CSV形式のテキストtext/css:CSS形式のスタイルシートtext/html:HTML文書image/jpg:JPEG画像User-agentリクエストするヘッダーに存在します。リクエストしたブラウザやシステムの種類を示します。Safari/537.36この人はMacでアクセスして来ているんだなぁというのがわかります。Acceptリクエストするヘッダーに存在します。クライアントが自分の処理できるメデイアタイプをサーバーに伝える際に利用します。Accept:text/html,application/xhtml+xml,application/xml;q=0.9,/;q=0.8q=というのは「qvalue」と呼んで、メディアタイプの優先順位を示しています。小数点を含む0~1の数値で優先順位を決定しています。Refererリクエストするヘッダーに存在します。ブラウザでリンクをクリックした際にクリック元のURLを示します。分析・ログ・キャッシュの最適化に利用されるようです。aタグで「target=”_blank”」を設定したら、「rel=noreferer」を設定した方が良いです。設定しないと、JavaScriptのwindow.openerで親ウィンドウを嘘の類似させたサイトにジャンプさせることができてしまうので、悪意を持ったサイトにアクセスさせられてしまいます。rel=norefererを設定して親ウィンドウを操作させないように設定しましょう。あとは、SNS等で友人間のやり取りでリンクがあった際にそれを踏んだ際にやり取りするDMのRefererが飛ばないような設定を行うのもベターだと思います。いった別オリジンにアクセスする際のreferer情報を制御するヘッダーが以下のようなものがあるので利用した方が良さそうです。content=”origin-when-cross-origin”>Accept-Encodingリクエストするヘッダーに存在します。クライアントが理解できる圧縮方式を指定します。gzipAuthorizationリクエストするヘッダーに存在します。認証する際に、認証情報を掲示します。AuthorizationはBasic認証で用いますが、HTTPSプロトコル前提で利用する必要があります。httpプロトコルは通信内容が盗聴でき、AuthorizationはBase64でエンコーディングされているので、デコードしてしまえばユーザー名・パスワードが入手できてしまうからです。Locationレスポンスヘッダーに存在します。リダイレクト先の移動先のURIまたは新規作成したURIを示しています。HTTPあたりが詳しい情報が載っています。完全初学者が呼んでもちんぷんかんぷんだと思うので、ある程度わかってきた段階で読むと理解が進むのではないかと思います!いじょう。け】WEBサーバーの基本【ざっくり解説】プロフィール『えんつか』です。メーカー研究職からSaasスタートアップのWEBエンジニアへ30代から独学で転身しました。個人ではWEBサイト制作やWEBアプリ開発を受け付けています。ブログでは日々の学び・考え等々をアウトプットしていきます。普段は真面目っぽいツイートしますが、本当ははふざけるのが大好きです。entsukaプロフィールえんつかです。プログラミング・コーディングに魅かれ毎日カタカタやっています。WEB制作ができるレベルになりました。WEB制作受け付けています。気軽にお問合せ下さい。Reserved.Home。