おことわり
この文書は記事のテストページであり、記事の中身が有益であるわけではないです。
はじめに――文書のアウトライン
文書は、見出しの下に関連した段落や図表などのコンテンツがくるように構成されている。また、書籍のような長い文書のときには見出しの下に小見出しなどを用いて、コンテンツをさらに細分化していく。
アウトラインは概要やあらましを意味し、特に文書においては、文書全体を階層的にレベル分けして構成していくことをいう。このアウトラインを意識した文書作りをすることで、話の組み立てがわかりやすい文書へと一歩近づく。
Microsoft Wordなどアウトラインを取り入れた文書作成ソフトは存在する。しかし、こういったソフトでアウトライン文書を作成しようとすると、しばしば見た目(スタイル)とアウトラインを混同し、混乱を招く。
ありがたいことに、世の中にはマークアップ言語やマークダウン記法といった、アウトラインや文章の意味付けに特化した言語や記法が存在する。
マークアップ言語は、テキストを定義し提示するために設計された言語です。HTML (HyperText Markup Language) は、マークアップ言語の一例です。
HTMLファイルなどのテキストファイル内で、要素はコンテンツのその部分の目的を説明するタグを使用してマークアップされます。
――"MDN Web Docs 用語集: ウェブの関連用語の定義" のmarkup (マークアップ)
例えば、マークアップ言語の一つであるHTMLを用いることで、単なる文章のレベル付けを行えるだけでなく、コンテンツの目的を細かく分類できる。そのため、文書内の文章がどういった意図で用いられているのかを確認、意識しながら文書を作成することができる。これによって、無駄なく組み立てられた文書の作成が可能になる。
文章への意味付け
HTMLはタグによってマークアップされ、文書の要素に意味を与える。一例を次に挙げる。コピペして「hoge.html」などとしてHTMLで保存しウェブブラウザなどで見ると、タイトルと文章が出力される。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>ここは見出し</h1>
<p>h1タグで囲まれたものは見出し、pタグで囲まれたものはパラグラフ(段落)になります。</p>
</body>
</html>
今回は、<body>
タグ内に注目する。元の文書は非常にかんたんな例で、「ここは見出し」、「h1タグで……になります。」の2つの要素で構成されている。プレーンなテキストのままでは、それぞれの文章がどのような意味を持つのかを理解することができないが、h1タグやpタグをつけることによって意味を与えることができる。
ここで注意したいのが、HTMLでは各文章に意味づけしただけで、それらの出力のスタイルを指定したわけではない。つまり、文字を大きくしたいためだけにh1タグを使用するのは間違いである。
HTMLタグはこの他にも多くの種類あり、文章の内容に合わせた意味付けを行うことができる。
マルチコンテンツ
HTML5では、画像や音声、動画などのコンテンツを挿入することができる。
![もやしくんのファビコン](/img/favicon.png)