WEBデザインの勉強

WEB制作初心者が1から勉強するブログ。

HTML5新要素

main

主要なコンテンツを表す。
body内に一つしか記述できない。
article、aside、header、footer、navの中には入れることができない。

article

ブログの記事などの独立したコンテンツに使用できる。

section

部分、区分
見出しとそれに関する内容

aside

メインコンテンツと関係が薄い
余談、補足

header

ヘッダーを表す。

footer

フッターを表す。

nav

サイトの主要なナビゲーションを表す。

figure/figurecaption

figureは図・表を表す
figurecaptionはfigureのキャプション
独立したコンテンツになっている必要がある。

video

動画の読み込みと再生

<video src="test.mp4"></video>

audio

音声の読み込みと再生

<audio src=test.mp3""></audio>

source

videoやaudioのファイルを指定
複数指定することができ、
上から評価し、再生できるものを再生する。

<video>
  <source src="test.ogg" type='video.ogg'></source>
  <source src="test.mp4" type='video.mp4'></source>
</video>

関連記事
mmmmofu.hatenablog.com

mmmmofu.hatenablog.com


参考サイト
qiita.com