HTML/CSS]フロントエンドスクール2日目

📌 URL、IP、PORTとは?

URL>Uniform Resource Locatorの略で、ファイルのネットワーク上の位置情報を表す
✔デフォルトでは、「通信ルール://インターネットホストアドレス/パス名」の構成
(ex. https://www.youtube.com/watch?v=X3NZ_6tGSg4 )
(1)通信ルール:インターネットを介して情報を送信・受信するシステム(httpはhttpにセキュリティ機能を追加しており、有料証明書を別途購入して使用する必要がある)
(2)ホストアドレス:Webページ、画像等のファイルがあるWebサーバ、ドメイン又はIP
(3)パス:検索する資料へのパスとファイル名
(4)パラメータ:アクセスを容易にするためにWebサーバに送信されるパラメータ.上記の例では、v=X 3 NZ 6 tGSg 4
IP>インターネットプロトコルの略で、インターネットに接続されているデバイス(コンピュータ、タブレット、スマートフォンなど)ごとに一意の識別アドレスである.
✔コンピュータが互いの位置を知る重要な情報
✔最もよく使われるIPv 4は最大12個の数字からなる(ex.192.168.1.1)
PORT>IPアドレスが示すPCの接続チャネル
✔1ポートにつき1プロセスしか処理できません(繰り返し不可)
✔複数のプログラムで同時に通信が発生した場合は、ポートで区分できます
✔必ずしも守る必要はありませんが、ポート番号が固定されている場合があります

📌 HTML Living規格とは?

>最新のHTML言語をそのまま更新
>同じコードであっても、異なるWebブラウザに対して異なる画面または結果を提供する「断片化」の問題に対応します.
✔参考好サイト
https://html.spec.whatwg.org/(HTML仕様を確認)
https://caniuse.com/(ブラウザ固有のサポート属性を確認)
https://developer.mozilla.org/ko/

📌 グループ化内容とは?

複数のテキスト、リスト、画像をグループ化するhtml tag.
🔽 コンテンツ要素のグループ化の使用頻度(やっぱりdiv…)

1️⃣ <dl>, <dt>, <dd> 

>辞書(definition/defineのd)など、任意のコンテンツを定義するときに使用されるタグ
△以前は漠然と勉強していたとき、いつこのラベルを書こうかと思っていましたが、footerのようなサイトの底に会社名、業務種別、番号などが表示されているとき、よく使われていることに気づきました.

2️⃣ <figure>, <figcaption>

>タイトルとimgをグループ化する要素はfigureであり、タイトルを表す要素はfigcaptionである

グループの内容部分を学習することで,意味tagの重要性を改めて感じた.(divだけを塗ったコードを提出すれば、クレイジーな講師が、,)一目で意味がわかる効率的なコードを書く練習を続けなければならない.