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

  • 時間の表記に用いる