【WEB開発】HTML5 / CSS3 HTMLとはなにか 入門編

執筆に至った経緯

私の見解ではありますが、HTMLとはなにかについて深堀した書籍が少ないと感じたからです。
HTMLを扱うにあたって、何ものなのかを知ってもらうために執筆することに決めました。
「そもそもHTMLとはなんぞや」といった所しか書きませんので参考書とは違い続きの内容が気になるといった集中力をかき乱すノイズなしで読むことができるかと思います。

HTMLとは

HTML(HyperText Markup Language)ハイパーテキスト・マークアップ・ランゲージとはウェブページを作成するために開発された言語のことを示します。

ハイパーテキスト(HyperText)とは

ハイパーテキストとはなんぞやって事ですが、ハイパーリンクを埋め込むことができる高機能なテキストの事を示します。

ハイパーリンクとは

ハイパーリンクを埋め込む、の「ハイパーリンク」とは何者なのか、それはウェブページで下線の付いたテキストなどをクリックすると別ページへ移動するリンクのことを示します。

ハイパーテキスト(HyperText)のまとめ

ハイパーテキスト とは別のウェブページにリンクをはったり、ウェブページ内に画像・動画・音声などのデータファイルをリンクで埋めむことができる。
ハイパーリンク は関連する情報同士を結びつけて、情報を整理することができる。

マークアップ(Markup)とは

文書の各部分が、どのような役割を持っているのか印を付ける機能の事です。
ブログを書く時、見出し・段落・表・リストなど意識すると思います。
文書にそれらの役割を与える印を付けるのが マークアップ の機能になります。

マークアップ(Markup)のまとめ

コンピューターに見出し・段落・表・リストだと文書を理解させる印を付ける機能の事です。

HTMLのまとめ

HTMLを知ることはSEOに繋がる

画像や動画、書かれている内容に関係する関連情報のリンクがないサイトを あなたは検索の１番上に表示されて欲しいですか？
文書に見出し・段落・表・リストがなく、ただただ文字がかかれたページを あたは読みやすいと思いますか？
もし上記をよしとするのであれば、HTMLを理解する必要はありません。
ですが、もし少しでも人に読んでもらいたい気持ちがあるのであれば、HTMLとはなんなのか理解する必要があります。

国語力が必要

マークアップには国語力が求められます。
大学でレポートを書く時、見出し・段落・表・リスト を意識して書いていたと思います。
WEBを勉強する時、デザインが重要視する参考サイトや資料が多いですが、それはターゲットが大学でレポート書いてきたことがあるひと前提です。
もしこれからHTML5/CSS3を勉強する人は今一度国語の勉強をオススメいたします。