---
# System prepended metadata

title: ⑪12/8(火) 10.6~11.3
tags: [Webを支える技術]

---

# ⑪12/8(火) 10.6~11.3
###### tags:`Webを支える技術`
- 10章読了🎉
## 10.6
@皐月

- aとlinkの違いが正直曖昧だった。
> <a>要素は、HTMLのブロック要素で使用する。
> <link>要素はHTMLのヘッダで使用する。→webページ同士の関係を指定する。

- オブジェクト要素の埋め込み
> <object>使ったことない...動画埋め込むのか〜

- フォーム
> GETとPOSTが発行できる。
> URIを生成する、という表現がわかりやすい。
> ターゲットとなるURIをもつ→もともと生成するためのURIを持っているということ？
> URIを生成するといっても、クライアントはサーバ側が準備したフォームにしたがって、URIを構築している。
  →クライアントではなく、実質サーバ側が作っているととってほしい、ということ


@Saki
- `object`タグ初めて知った
[objectタグ](https://html-coding.co.jp/annex/dictionary/html/object/)

> フォームによるGETは、キーワード検索などユーザからの入力によってURIを生成するときに利用します

> 生成するURIはユーザからの入力によって決まるため、どのようなキーワードのURIでも生成できます。URIを生成すると言っても、クライアントはサーバが用意するフォームに従ってURIを構築している点に注意してください。

## 10.7~10.8(完)
@Saki
- rel属性:リンク元のリソースとリンク先のリソースがどのような関係にあるか
→何もわからず`rel="stylesheet"`と書いてた。これは「元のHTMLリソースを外部のCSSリソースにリンクするとき」に書く。
- [stylesheet以外の例](https://reference.hyper-text.org/html5/attribute/rel/)
  - `no follow`意味ある？(笑)
@皐月
- HTTPとURI、ハイパーメディアによる組み合わせで、初めてWebが成り立つ。
なるほど。


## 11.1~11.2
@Saki
- フィヨルドのメンターさんによれば、11章はあんまり重要でないらしい。
  
- セマンティックwebとは？  
  - webページの情報に意味を付け加えたもの。
  - それぞれのテキストが何を表しているのか(住所,役職,科目etc…)をプログラムに伝える情報を埋め込んでおく
  - これによって、情報検索する時の精度をあげたり、特定の種類の情報を集めて活用したりできる！
  
- あんま重要でないのでカタカナ用語詳しく調べないで、~論とかもさらっと読むのでいいかも。


＠皐月

- フィヨルドのメンターさんによれば、11章はあんまり重要でないらしい。
  →ほんとですか。ではさっくりと？
   →そうですね。「趣味で読んでみたいと思ったら読む、くらいでも大丈夫」らしいです~
→＼(^^)／

- なるほど！頭の中にふせんを貼る！


## 次回は11.3~