HTML基礎文法編メモ
概要
ドットインストール 詳解HTML 基礎文法編 で学習した内容のうち、 自分的に記憶しておきたい、もう少し掘り下げたいところのメモ。 参考:https://dotinstall.com/lessons/basic_html_tags_v2
blockquote
参考:https://developer.mozilla.org/ja/docs/Web/HTML/Element/blockquote
- 引用に用いる
- cite属性=引用元サイト指定
<blockquote cite="https://www.perfume-web.jp/profile/"> <p>あ~ちゃん・かしゆか・のっちからなる3人組ユニット。</p> </blockquote>
文字実体参照
参考:https://mimi.moe.in/nmp/hms/cer
- エスケープと同義
pre
- 文字実体参照を使用せず、書いたものそのまま表示される
リスト
- ol(order list)、li(要素)
- ul(unorder list)、li(要素)
- dl (description list)、dt(項目)、dd(説明)
thead、tbody
- thead = 見出し
- tbody = 表本体
ページ内リンク
- 飛ばしたい要素に識別子idをつける
- パウンド(#)を先頭につけた識別子でリンクする
nav
参考:<nav>: ナビゲーションセクション要素 - HTML: HyperText Markup Language | MDN
- パンくずリスト、目次、メニューなど
aside
参考:https://developer.mozilla.org/ja/docs/Web/HTML/Element/aside
- 余談
main
参考:https://developer.mozilla.org/ja/docs/Web/HTML/Element/main
- bodyタグ内の主要な部分
section
参考:https://developer.mozilla.org/ja/docs/Web/HTML/Element/section
- 段落的な区切り
- 多用は良くなさそう
article
参考:https://developer.mozilla.org/ja/docs/Web/HTML/Element/article
- ブログの記事、コメント、新聞記事などのコンテンツ
time
参考:https://developer.mozilla.org/ja/docs/Web/HTML/Element/time
- 時間の表記に用いる