footer東京都を拠点にしたWebサイト制作。公開htmlにはいくつか種類があります。HTML1.0から始まり、HTML3.2やHTML4.01など。XHTMLなども聞いたことがあると思います。現在最新のバージョンとしてはHTML5があります。正式な勧告は2014年頃らしいですが、スマートフォンでは昔のHTMLを気にしなくていいので、HTML5で作るのが一般的です。主要ブラウザはどれもHTML5に対応していてHTML4.01よりスマートにかけるため最近ではHTML5で作成されたHTMLファイルを見ることも多くなりました。新しい知識をということで、ここでは最新のHTML5を使っていきます。<body>簡単にまとめるHTML5の利点1.DOCTYPE宣言、文字コードの設定が簡素にHTMLファイルは先頭にDOCTYPE宣言(ドックタイプ宣言)というものを行わなければいけません。どのバージョンのHTMLでこの文書を書くか?という宣言をするわけですね。今までのHTML4.01(traditional)だと...という、かなり長かった一文。これが、HTML5だと一気に短くなります。簡潔になりましたね!これなら数回書けば手が覚えてくれそうです。2.閉じタグのないタグに半角+スラッシュがいらなくなった閉じタグがないタグとは例えば<br>だったり、<img>だったり、<hr>など。/>などスラッシュを入れることが義務付けられていました。HTML5になって「これはもういらないよね」となったのか、閉じタグのスラッシュを無しで統一されました。これもいちいち考えなくていいのでラクですね。3.新しいタグでマークアップHTML5になり、新しいタグが追加されました。footer...などなど例えば今まではdivを使ってレイアウトしてきたものが、headerやfooterなど、意味のあるマークアップが可能になりました。代わりに廃止されたタグもあります。centerやfontなど。4との違い、HTML5で可能になること?HTML5リファレンスhtml5でhtmlファイルを作成では早速HTML5でHTMLファイルを作ってみましょう。CCで説明を進めます。(テキストエディタでもOK!)Dreamweaverを起動Dreamweaverを起動し、上部のメニュー「ファイル」→「新規」を選びます。すると新規ドキュメントのダイアログが表示されます。ページタイプは「HTML」レイアウトは「無し」を選択し、ドキュメントタイプがHTML5になっているのを確認し、「作成」をクリック。HTMLファイルとして保存このままではまだHTMLファイルではないので、「HTMLファイルとして認識してね」ということで保存をします。「ファイル」→「保存」を選択すると保存ダイアログが表示されます。名前を「index.html」として保存しましょう。保存場所はデスクトップでもいいですし、任意のフォルダを制作してそのなかでもOKです。ブラウザで確認HTMLファイルが無事保存されたら、保存したHTMLファイルをダブルクリックして開いてみましょう。ブラウザが立ち上がり、index.htmlファイルを開きました。