文書全体につけるタグを見ていこう

    目次

    文書全体につけることになっている各種タグについて見ていきます。

    タグ
    タグ

    DOCTYPE

    前回まででエラーの処理について見てきました。

    あわせて読みたい
    全角文字に気をつけよう よくある間違いとして全角文字が混入した場合の動作について見ていきます。 全角文字に関する注意 前回まででimgタグを使って画像の表示をしてきました。 詳しくはこち...

    HTML のタグですが、実は文書全体にも適切なタグを付けてあげる必要があります。

    ファイルの冒頭で、これは HTML 文書ですよ、という宣言をしないといけません。これは決まり文句なのですが <!DOCTYPE html> と書いてあげてください。

    この文書宣言のためのタグには閉じタグが必要ないのと、あとは慣習的に DOCTYPE だけは大文字にするのでこのようにしてあげましょう。

    html

    ・次にHTMLの範囲を指定するという意味で html タグを書いてあげてください。

    ・それから html タグには lang 属性で、これは日本語の文書だよ、という意味で ja と付けてあげると良いです。

    head

    そこまでできたら、この文書自体に関する情報は head タグ、そして文書の本文は body タグで囲ってあげる必要があります。

    headにはタイトルやアイコン、文字化けをしないようにする設定など様々な情報を入れていきます。

    body

    それから、先日まで書いていた文書に関しては本文なので body タグの中に入れてあげましょう。

    カット&ペーストしても良いのですが、 VS Code では選択した行を上下に動かすためのショートカットキーも用意されているのでついでに覚えておきましょう。

    移動したい行を選択したあとに、 macOS だったら Option + 上下の矢印キー、 Windows だったら Alt + 上下の矢印キーを使ってあげれば OK です。

    字下げ

    head から body までが html タグの中にあることがわかるように字下げしてわかりやすく書いてあげると良いでしょう。

    字下げをするには先頭で Space キーを押すか、選択して Tab キーを押せば良いのでそれも覚えておきましょう。

    以上



    タグ

    この記事が気に入ったら
    いいね または フォローしてね!

    よかったらシェアしてね!
    • URLをコピーしました!
    目次