【HTML】HTMLとは？
HTMLについて基本的な概要をメモしていきたいと思います。私も細かくは分かっていませんが、Webに携わる者として概要くらいは話せるようになっておきたいものです(｀･ω･´)
Webデザイナーを始め、Webに携わる全ての人が触れるであろうHTMLに関して振り返ってみましょう。
HTMLとは
HTMLとは「Hypertext Markup Language」の略です。HTMLとはそれぞれの語句の頭文字をとった略語という訳ですね。一つずつ見ていきましょう。
Hypertext
色々な説明の仕方があると思いますが、Hypertextとはウェブページ上のテキストから画像やその他データなどを呼び出す仕組みを言います。コンピューター上でよく目にするリンクの文字、クリックすると別のページに飛んだり、ダウンロードが始まったりしますよね？あの仕組みこそがHypertextということです。Hypertextは1965年8月24日にテッド・ネルソンという方によって作られたというお話がありますが、それはまた別の機会に調べてみましょうｗ
とにかくこのHypertextの「H」と「T」が「HTML」の「HT」に相当しているのですね(*’ω’*)
Markup
続いては「Markup」についてです。「Markup」は記号（タグ）でマーク付けする事で、機械に文書の「構造」が認識できるように印付けする仕組みです。
人間ならば、チラシやパンフレットを見た時、自然に「この部分はタイトル、これは見出しだ、これは本文…」という構造をレイアウトから感覚的に読み取ることが可能だと思います。しかし、コンピューターは文書の内容や意味を理解することはできません。ただ文章の出力を淡々と続けるだけです。その為、「この部分はタイトル、この部分がサブタイトル、この部分が本文」といった、文章の持つ役割をタグや記号で機械に文章構造を認識させる仕組みこそが「Markup」です。
Language
シンプルに言語という意味ですｗ。
HTMLのひな型
|
1 2 3 4 5 6 7 8 9 10 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>タイトル</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> </body> </html> |
「!DOCTYPE」は文書の解釈に使うDTDを宣言するもので、正確に言えばHTMLのタグでありませんが、HTML文書を作成するとき、HTMLタグよりも先頭にまず書くべきものです。
「DOCTYPE 宣言」と呼ばます。
「DTD」とは「Document Type Definition」のことで、「文書型の定義」を意味します。HTMLのバージョンごとに、そのバージョンで使用できる要素（タグ）や属性の名前などの情報が定義されています。
たとえば、「<!DOCTYPE HTML」と記されている場合は、これからDTDを宣言することを示し、その文書タイプが「HTML」であるという意味です。
この宣言のあと、<html></html>タグを書き、その中で<head>タグや<body>タグを用いてWebを構築していきます。慣れれば何も見なくても書けるようになりますので、練習していきましょう( ｀ー´)ノ
まとめ
- HTMLとは「Hypertext Markup Language」の略である
- Hypertextとはウェブページ上のテキストから画像やその他データなどを呼び出す仕組みである
- Markupは記号（タグ）でマーク付けする事で、機械に文書の「構造」が認識できるように印付けする仕組み
