HTML入門トレーニング

DOCTYPE宣言

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
HTMLのバージョン、構文を示す、DOCTYPE宣言について学びます。
講師:
04:47

字幕

このレッスンではHTMLがどのバージョンの どの構文で書かれているかを示す ドキュメントタイプ宣言について学びます ドキュメントタイプ宣言を使うことで ブラウザに対してHTMLがどのバージョンの どの構文で書かれているかを 示すことが出来ます 実際 ドキュメントタイプ宣言は HTMLのバージョンと同様に 非常にたくさんの種類が存在しています そのため ここではHTMLは必ず ドキュメントタイプ宣言を持つ必要があり そのドキュメントタイプ宣言の中では HTMLのバージョンが分かる ということを理解しておきましょう 現在 ブラウザでは 少し古いドキュメントを開いています これはW3Cによって2002年に まとめられたものです 非常に古いドキュメントではありますが ドキュメントタイプ宣言の 歴史を振り返ることが出来ます 少し下にスクロールしてみましょう すると ページの中ほどに HTMLとXHTMLについての ドキュメントタイプ宣言のリストがあります 現在 新しくHTML4.01や XHTML1.0でドキュメントを書く といった機会は減っていると思いますが すでに書かれているHTML4.01 あるいはXHTML1.0のドキュメントを 編集する機会もあるかと思いますので ここでそのドキュメントタイプ宣言も 紹介しておきましょう HTMLでもXHTMLでも その文書モードによって ドキュメントタイプ宣言は異なっていました HTML4.01ではStrictの場合、 Transitionalの場合 Framesetの場合でそれぞれ右のように ドキュメントタイプ宣言が異なっています 同じようにXHTML1.0でも Strict, Transitional, Frameset という文書モードによって 右のように ドキュメントタイプ宣言が 異なっています つまり 用いるHTMLのバージョン あるいは構文によって ドキュメントタイプ宣言が このように 細かく規定されていたというわけです それでは少し下にスクロールしてみましょう ここにHTML 5の ドキュメントタイプ宣言があります ここには、 [NOT a standard Yet] つまり 「まだ標準ではない」 という風に書かれていますが これはこのドキュメントが 書かれた時期が2002年のためです 現在ではHTML 5が主流となっていますので このNOT a standard Yet という部分は気にしないようにしましょう さて HTML 5における ドキュメントタイプ宣言は 非常にシンプルです この右側に書いてある文章を HTMLの冒頭で宣言するだけです とてもシンプルですよね? では 実際にこのドキュメントタイプ宣言を 書いてみましょう コードエディタを開きます HTMLを書く以上は どのようなHTMLでも 1行目には ドキュメントタイプ宣言を記述します 先程のHTML 5の ドキュメントタイプ宣言を記述しましょう まず 左向きの山型カッコ「<」を入力します その後 エクスクラメーションマーク「!」 そして「doc type」と入力します しばしば このドキュメントタイプという綴りは 大文字で書かれることもありますが 大文字で書いても小文字で書いても どちらでも構いません そしてこの後 半角スペースに続いて 「html」と入力し 最後に右向きの山型カッコ「>」で閉じます ドキュメントタイプ宣言は以上です 非常にシンプルで簡単に 書くことが出来ました HTML 5を書く時は このドキュメントタイプ宣言を コピー&ペーストしたり テンプレートに登録するなどして 1行目は必ず このドキュメントタイプ宣言から 始まるようにしましょう このドキュメントタイプ宣言が HTMLの冒頭にあることで ブラウザは このHTMLがHTML 5である という風に認識してくれるようになります このレッスンではHTMLが どのバージョンの どの構文で書かれているかを示す ドキュメントタイプ宣言について学びました

HTML入門トレーニング

HTMLはWebページを作るうえでもっとも重要な言語です。これがきちんと定義されなければ、Webページは正しく表示されません。このコースではHTMLの成り立ちから基本的な構文の書き方、さまざまなタグの意味やその使い方まで幅広い内容を学ぶことができます。またHTMLと並んで重要な言語であるCSSやJavaScriptについても、それぞれその概要を説明します。

5時間43分 (48 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2015年05月01日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。