1. トップ
  2. コラム一覧
  3. ウェブサイトの仕組みを知る! html編 其の2

ウェブサイトの仕組みを知る! html編 其の2

投稿日 : 2018.01.20  |  カテゴリー : IT雑記

[ウェブサイトの仕組みを知る!]
html編 其の1 : ウェブサイトの仕組みを知る! html編 其の1
css編 其の1 : ウェブサイトの仕組みを知る! css編 其の1


htmlとは、以前述べたとおり、webページを記述するためのマークアップ言語と呼ばれるものです。
言語、というだけあって、htmlにも文法が存在します。

文法あってこそです

そもそもhtmlとは、W3C(World Wide Web Consortium)という団体によって作成されたものであり、その文法に関しても同様に、W3Cによって定義されています。

「文法」と聞くと、学生時代に英語の文法を勉強していたのを思い出しますよね。
日本語には日本語の文法、英語には英語の文法、はたまたスペイン語にはスペイン語の文法が存在するわけで、htmlも同様に、定められた文法に則って記述していくわけです。

では全てのwebサイトが正しい文法のhtmlで記述されているのかというと、実はそうでもありません。
無数に存在するwebサイトの中で、W3Cが定める文法をキッチリ守って記述されているページは、実はほとんどありません。割合で言うと、全体の1%以下といったところだそうです。エンカウント率激低です。

逆にいえば、多少の文法的間違いがあっても、webブラウザ上で表示することは可能ということなんです。
少々間違っていても、伝えることはできる。まさに言語そのものですよね。

正しい日本語を使うことが難しいのと同様に、正しいhtmlを使うということも中々難しいようです。

タグ

webサイトのソースコードを見るとのような、<>で囲まれた文字が沢山ありますよね。 これらをタグと呼称します。

htmlでは、このタグを並べて、指定箇所にテキストや画像のurlを挿入して、webサイトを構築していくのです。
タグには、webブラウザ上でテキストや画像をどのように表示させるか指定するという役割があり、種類も様々です。

例えば、文字を強調したいというときは

● <b>文章</b>や、
● <strong>文章</strong>
を使います。

「開始タグ」とスラッシュ(/)が付いた「終了タグ」の間に記載された文字が太くなります。

リンクを設置するには
<a href="リンク先のアドレス" >文章</a>
を使います。

中には終了タグが省略されるタグ等もあります。
例えば画像を表示するタグにはこのようなタグを使います。
<img src="画像のアドレス" />

 

といった感じで、目的や用途によって使い分ける必要があります。
正しい文法でhtmlを記述するためには、タグの役割を覚える必要があるということですね。

この記事を共有する
  • facebookでシェアする
  • ツイッターでつぶやく
  • LINEで送る
関連記事

Adobe FLASHが通った道

ウェブ技術の内情は日々変わり続けています。 去年流行していたデザイン手法が今ではもうすでに古臭い手法となっていたり、トレンドと廃りのサイクルの速さはファッション業界に匹敵もしくは凌駕する勢いであると感じます。 過去に、流行り ...

AIによって増える仕事・残る仕事

最近AI・人工知能によって無くなってしまう仕事の話をよく耳にします。 なので今回は、AI・人工知能によって増える仕事、残る仕事の話をしたいと思います。 増える仕事 ・ロボット・アドバイザー ・単純化するエキスパート ・輸送アナリス ...

2017年人気記事ランキング TOP10

街もクリスマスムードに包まれはじめ、そろそろ2017年も年末モードに。ここ一年間の弊社のコラムTOP10を紹介したいと思います! では早速いってみましょう! 第10位 200年ぶりに新しい”青色”が発見された! 新しく発見さ ...

Apple「ガチャの排出率表記」を義務化。アタリ出現率1%のガチャを100回引くと?

App Store審査ガイドラインに追加 2017年12月、英語版のApp Store審査ガイドラインに「ガチャの排出率表記」を義務化を表すものが追加されました。日本語訳するとこうです。 「ルートボックスやその他、ランダム型の有料ア ...

ウェブサイトを認知してもらう為に

広大なネット世界、表面に出ているウェブサイトだけでも無数のサイトが存在しています。 昔から存在しているサイト、新しく出来たサイト、管理者すらも放置してしまって誰にも知られずただ存在しているだけのサイト。 もはやどこに何があるか全 ...

有意義なネットサーフィン

ネットサーフィンとは? 興味の赴くままに色々なサイトを飛び回り情報を得る事です。 興味がある事や課題の資料集めには欠かせないことです。 ネットサーフィンの悩み しかし、皆さんの中には検索ワードを打ち込んでも思った通りに求めている ...

ビジュアルプログラミング言語

2020年のプログラミング必修化 2020年に小学生のプログラミング必修化に向けて様々な学習ツールが発表されています。 中でも使いやすく、拡張性の高いビジュアルプログラミング言語は特に注目を浴びているのではないでしょうか? 今回は ...

Twiiterがルールを変更

今回は日本でも最近事件になった。Twitterのルールが変更になったことについて書かせていただきます。 Twitterのルールが変更に アメリカのTwitterは11月3日、サービスルールを変更し、自殺や自傷行為の助長などは明確に違反事 ...

日本はIT後進国なのか

IT後進国か否か 日本はIT機器の普及なども充実しているようにみえ、経済的にも先進国として認識されている。 また戦後から産業か発展し日本製が多く出回るようになったが、現在はどうか? 現在、パソコンは日本製よりも海外製の ...

LINEブログがもたらす革命

LINEブログが一般の人が使えるようになったのはご存知でしょうか。 アメブロ、livedoorブログ、はてなブログ等、世の中には一般の人が書けるブログサービスが数多く存在しております。 そんななか、LINEが一般向けのブログサー ...

Knocknote Education(ノックノートエドゥケーション)