文系おじさんのWeb用語案内 vol.1【HTML】

ウェブ全般

どうもこんにちわナイストゥーミーチュー。
わたしは古文と漢文が好きな文系おじさんだよ。
推しメンは清少納言だよ。
かけ算とかわり算とか、算数はどうも苦手だよ。世の中にはなんの言葉もかけられない状況とか、割り切れない感情が渦巻いているからね。

ところで、Webの話をしてるといろいろめんどくさい用語が出てくるけど、文系のわたしからすれば、順序立てて意味を理解すればそう騒ぐほどのことでもないよ。
横文字のIT用語も、文系にとっておなじみの四字熟語やことわざと同じ「コトバ」であることには変わりないよ。
「コトバ」には意味があるから、その意味にたどり着くまでの手順をちゃんとふめば問題ないよ。

「コンソール」も「一石二鳥」も、「MySQL」も「犬も歩けば棒に当たる」も同じ「コトバ」だよ。

このコーナーは文系人間である私が、理系っぽいWeb用語を説明するという、わりとありがちなコーナーだよ。
これからよろしくね。

HTMLとは

文系おじさん

第一回目の今日は、基本中のキホン、「HTML」についてだよ。
HTMLは「Hyper Text Markup Language」の略だよ。ハイパーメディアクリエイターみたいだね。

マークアップとは

文系おじさん

HTMLは「マークアップ言語」と呼ばれているよ。
「マークアップ」というのは、つまり、「目印をつける」ということだよ。

文系おじさん

例えば、「わたしは、猫アレルギーだよ」という文章をマークアップすると

となるよ。

文章を囲んでいる<p></p>が、タグと呼ばれるものだよ。
この「タグ」を使って、文に目印をつけて、意味や構造を、ロボットに伝えるんだよ。
それがHTMLの役割なんだよ。
ちなみに「ロボット」というのは、HTMLを受け取って、解釈するロボットのことだよ。

タグの種類

文系おじさん

というわけで、タグを使って文章に目印をつけるのがHTMLだよ。
さっきの<p>は、「パラグラフ(段落)」を意味するタグだよ。
他にも、見出し(h1やh2タグ)とかリスト(liタグ)とかリンク(aタグ)とかを意味するタグなんかがあるよ。
ロボットはそれを手がかりに、HTML文書の構造を理解するよ。
「あ、これは見出しで、これについて次のパラグラフで説明されているな」とか、
「あ、ここはリンクだから、このアドレスから別のページにとべるんだな。しかもそのリンク先はこのページと関係があるんだな」とか、
「嗚呼、セクシーな画像だな。しばらく眺めていたいな」
というふうにね。

文系おじさん

タグにはいろいろな種類があるから調べてみるといいよ。

HTML5とは

文系おじさん

人や国に歴史があるように、HTMLにも進化の歴史があるよ。
いちばん最初にHTML = Webページが生み出されたのは、1991年のことだよ。
若貴ブームが巻き起こって、千代の富士が引退した年だね。
HTMLの生みの親は、ティム・バーナーズ=リーというハカセだよ。

文系おじさん

その後、「W3C(World Wide Web Consortium)」という団体が設立されて、HTMLの決まりごとをつくっていくようになったよ。
HTMLは4.01というバージョンが1999年に登場して、その後XHTMLという規格を経て、最近ようやく、最新版「HTML5」が登場したというわけだよ。
HTMLのバージョンは、草案や候補案などの段階があって、最終の「勧告」というフェーズで初めて「標準規格」となって世の中に広く出回るよ。
W3Cがそれを決めていくんだよ。
W3Cには誰も逆らえないよ。

HTML5の特徴

文系おじさん

HTML5はいくつかの面で画期的な進化をとげているよ。
例えば、絵を描く機能とか位置情報をあつかう機能とか。
ただそういうのは、HTML以外の技術と組み合わせることで実現される機能だよ。

文系おじさん

本来のHTML的にみると、HTML5では「新しいタグがたくさん登場した」んだよ。
タグのバリエーションが増えたことで、文章にいろんな意味をもたせられるようになったんだよ。

文系おじさん

たとえば今までは「画像」としか意味づけできなかったものが、「画像」と「キャプション」として構造化できるし、
ただの「まとまり」としか表せなかったものが、「セクション」とか「記事」とか「ヘッダ」とか「フッタ」とか、何のまとまりなのか伝えることができるようになったよ。

文系おじさん

ロボット側からすると、今までごちゃごちゃしてたものが整理されて、分かりやすくなって、ストレスも減ったことだと思うよ。
そういうHTMLは、ロボットも好きだから、いい評価をくだすよ。
Googleの検索エンジンというロボットにとって分かりやすいHTMLは、「このHTML好きやわあ…」ってなって、検索でも上位にあがってくるはずだよ。
これからの時代、ロボットにはやさしくしたいものだよね。


文系おじさん

【HTML】についての説明おわりだよ。
もっと知りたい人は、お問い合わせくださいね。

次回は、【CSS】についての説明か、私の学生時代のバイト先の女将さんとの淡い恋について語るか、どちらかだよ。

文系おじさん

それじゃあ、だんだん涼しくなってきたから風邪引かないようにね。

あなたのビジネスのWeb戦略を、ぜひキタックにおまかせください。

効果を出すためのサイト運営、集客できるウェブ広告

ブログの更新情報をお知らせしています。