アウトライン構造について - webサイト制作の復習 --2022年11月--

HTMLで１番大事なのは正しい文章構造にマークアップ出来るか、です。
まずは文章をしっかりと読み、理解してからマークアップをし始めましょう。

アウトライン構造

アウトラインとは階層構造のことで、HTMLでのマークアップでは、このアウトラインを意識することが非常に重要になってきます。
webサイトを作る上でアウトライン構造は最も重要なポイントの1つです。自身の伝えたい内容が正しくアウトライン構造化されているか、外部ツールなどを使い必ず確認しましょう。

HTML5 Outliner

https://gsnedders.html5.org/outliner/

以下の文章を使って正しいアウトライン構造を作ってみましょう。

HTMLとは？
HTML（エイチティーエムエル、HyperText Markup Language）は、ウェブページを作成するために開発された言語です。現在、インターネット上で公開されてるウェブページのほとんどは、HTMLで作成されています

HTML5
HTML5は、HTML4に代わる次世代のHTMLとして2008年1月に草案が発表され、2014年10月に勧告された新しいHTML仕様です。

HTML5の新要素
video要素やnav要素などが新しい要素として加わりました。

video要素
header要素には文書全体に対するイントロダクションやナビゲーションなどを配置します。

nav要素
nav要素には、ナビゲーションを表します。そのサイト、またはページ内の移動で必要となる主要なリンクメニューのセクションで使用します。

HTML4
1997年12月18日に仕様が発表された。HTML 4.0は1998年4月24日に仕様が改訂された。この仕様にいくらかのマイナーな修正が加えられたHTML 4.01は1999年12月24日にW3C勧告となった。

HTML4で使われている要素
h1要素やp要素などはHTML4で既に使用されています。

h1要素
h1要素とはサイト内で1番ランクの高い見出しを表します。

p要素
p要素とは文章中の1つの段落を表すことができます。