home
twitter
ページトップへ
目次
  • htmlとは?
  • htmlのコードを表示する方法
  • htmlの役割とは?
  • ルールを決めてるのは誰か
  • HTMLはプログラミング言語ではなくマークアップ言語という定義も存在している。
  • まとめ
about
categories
page
archive
皇帝ペンギンブログ

2021/12/06 (更新日:2024/07/11)

htmlとは?全くの初心者に向けて専門的な知識を解説。

Categories > HTMLの基本編

皆さんこんばんは、皇帝ペンギンです。

最近「IT」への興味や関心がある方々が増えてるように感じますが、

「そもそもHTMLって何??」

って方も多いんじゃないかなと思います。

htmlって何??最近プログラミングとやらが流行っているらしいけど、それ関連の用語かな?ITに詳しくない僕にも分かりやすく説明してほしい。

そこで、この記事ではこの様な疑問を解決します。

この記事でIT関連の専門的な知識がない方でも理解できるように書いているので、ぜひ参考にしてください。

この記事で得られる知識。

  • htmlとは何か
  • htmlはどこで使われているのか
  • ルールを決めてるのは誰か

冒頭部分はこれくらいにして、記事内容に入ります。

htmlとは?

htmlとは?

htmlとは「プログラミング言語」です。

※異論がある方は読み進めて下さい。下記のリンクでそこまで飛べます。

HTMLはプログラミング言語ではなくマークアップ言語という定義も存在している。

そして、ネット上にはたくさんのhtmlでできたwebページが存在しています。
僕のブログもhtmlでできています。

そのhtmlで書かれたファイルをユーザーが「webブラウザ」を通して見るというのが一般的です。

webブラウザを通してhtmlファイルを見る

この図の様な関係性ですね。

webブラウザとは?

  • Google Chrome
  • Firefox
  • Microsoft Edge
  • Internet Explorer
  • Opera

これらがwebブラウザです。他にもありますが、この様にたくさんの無料で使えるwebブラウザがあります。

webブラウザはhtmlファイルを読み込んでそのコード通りにユーザーが見やすい形で表示する役割を担っています。

htmlのコードを表示する方法

htmlで書かれたコードは実際に見てもらった方がイメージしやすいと思うので、見方をご紹介します。

htmlコードの見方

上の画像の様に、サイト上で右クリックすると、「ページのソースを表示」という項目がでてくると思うのでここをクリックしてみてください。

htmlのソースコード

するとこの上の画像の様に、htmlのコードが表示されます。

これじゃ一般のユーザーは見にくいのでwebブラウザが見やすく表示してくれています。

htmlの役割とは?

htmlの役割は「webページを構造化すること」です。

構造化とはつまり、

「ここは見出し」

「ここは広告」

「ここにリンクがあって」

「これは段落で」

上記の様に、webページを構成する要素ごとに意味のある固まりとして整理することで、検索エンジンにそのwebページの構造を伝えます。

それによって大量にあるwebページがgoogleなどの検索エンジンによって自動的に評価されます。

評価が高い順に検索に引っかかりやすくなります。つまり上位表示できるのです。

構造化によって要素の意味をできるだけ正確に検索エンジンに伝えないと、正しくwebページが評価されないので、ユーザーにとっても見つけづらくなります。
htmlって何の略?

htmlとはHypertext Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の略です。

ルールを決めてるのは誰か

htmlのルールはどこで決められている?

htmlはw3cという非営利団体によって標準化されています。

W3Cが出した勧告に沿う形で、webブラウザが開発されます。

なのでwebブラウザを通してwebページを見るユーザーに向けて良質なwebページを作るには、W3Cの勧告に従うとOKです。

W3Cとは

W3CはWorld Wide Web Consortium(ワールド・ワイド・ウェブ・コンソーシアム)の略です。

標準化を巡る争い

W3Cはティム・バーナーズ=リーさんが 1994年10月に創設しました。

それからW3CがHTMLなどの標準化を行っていましたが、ブラウザを作るベンダー側の企業の不満が募っていきました。

理由は、「ウェブ開発コミュニティーの利益が最大になるよう配慮していない」というものです。

そこで、webブラウザのベンダーであるApple、Mozilla、Operaが「WHATWG」を設立し標準化巡って争いが始まりました。

ですがW3CがいくらHTMLの仕様を勧告しても、webブラウザの開発者であるベンダー側がその規格に則った開発をしない限り、一般ユーザーはどうしようもないので、結果として、WHATWGの勝ちとなりました。

こういった経緯でWHATWGが作る「HTML Living Standard」によって正式に標準化されています。

ですが両者は全くの別物という訳ではなく、大部分が同じであるため基本的にW3Cの勧告に従っておいても大丈夫だと思います!

WHATWG

WHATWGは(わっとだぶるじー)と読みます。

Apple、Mozilla、Operaの開発者たちによって2004年に結成され、2017年末にはMicrosoftも参加しています。

HTMLはプログラミング言語ではなくマークアップ言語という定義も存在している。

マークアップ言語?プログラミング言語?

この記事で、HTMLはプログラミング言語と記述しました。

ですが、HTMLはプログラミング言語と区別されて「マークアップ言語」と定義されることも多いです。

ですが!

htmlはプログラミング言語なのか

この画像の通り、google先生はプログラミング言語とおっしゃっています。

画像の左下を見てください!

まあ、ただの定義なので、あまり気にしてもしゃーないかな、とも思いますね。

まとめ

HTMLはプログラミング言語です。webページを作るために使われます。

HTMLはwebページを構造化する役割があります。

また、HTMLの標準化はW3CやWHTAWGという団体によって行われています。

この記事が少しでも面白い!と思った方は、僕のTwitterのフォローもお願いします!

この記事が誰かの役立てば幸いです。

ありがとうございました。

ではっ。

自分のロゴ!

皇帝ペンギン

全力で、書きます。
少しでもお役に立てたら幸いです。
楽しんで読んで下さい 。-_- 。
よろしくお願いします!

x(旧twitter) youtube
Categories
  • トップへ
  • ITパスポート (1)
  • programming (168)
    • CSSのアニメーション編 (26)
    • CSSのグリッドレイアウト編 (1)
    • CSSのセレクター編 (58)
    • CSSのフレックスボックス編 (1)
    • CSSのメディアクエリー編 (7)
    • CSSの基本編 (34)
    • HTMLのformタグ編 (1)
    • HTMLの基本編 (3)
    • JavaScriptの入門編 (30)
    • JavaScriptの基本編 (5)
    • Web制作をする環境を整えよう! (1)
  • Uncategorized (23)
  • VScode (1)
  • おすすめ商品! (1)
  • クラロワ (2)
  • マーケティング (17)
  • 大学生活 (7)
  • 心理学 (9)
  • 映画 (1)
  • 法学 (4)
  • 経済学 (4)
  • 読書 (7)
Pages
  • プライバシーポリシー
  • 免責事項
  • プロフィール
Archive
  • 2025年3月 (1)
  • 2025年1月 (9)
  • 2024年12月 (13)
  • 2024年11月 (5)
  • 2024年10月 (10)
  • 2024年9月 (15)
  • 2024年8月 (5)
  • 2024年7月 (6)
  • 2024年6月 (5)
  • 2024年5月 (10)
  • 2024年4月 (24)
  • 2024年3月 (11)
  • 2024年2月 (6)
  • 2024年1月 (10)
  • 2023年12月 (4)
  • 2023年11月 (3)
  • 2023年10月 (2)
  • 2023年9月 (3)
  • 2023年8月 (6)
  • 2023年7月 (3)
  • 2023年6月 (8)
  • 2023年5月 (2)
  • 2023年3月 (1)
  • 2023年2月 (1)
  • 2022年10月 (2)
  • 2022年9月 (2)
  • 2022年8月 (8)
  • 2022年7月 (2)
  • 2022年6月 (6)
  • 2022年5月 (9)
  • 2022年4月 (2)
  • 2022年2月 (4)
  • 2021年12月 (1)
  • 2021年11月 (4)
  • 2021年10月 (8)
  • 2021年9月 (14)
  • 2021年8月 (6)
  • 2021年6月 (1)
  • 2021年5月 (2)
  • 2021年4月 (1)
  • 2021年3月 (1)
  • 2021年2月 (2)
  • 2020年10月 (1)
  • 2020年7月 (1)
  • 2020年4月 (1)
  • 2020年1月 (1)
  • 2019年12月 (2)
© Copyright Syuta Chiba, 2019 All Rights Reserved.