【HTML】Html記述のルール

2022年10月9日2023年7月23日

コーディングを学んでいますが時々大文字？小文字？
空白開ける？開けない？と考えて記述に時間がかかってしまうことがあります。

今回はHtmlの記述ルールを学んで効率よくコーディングできるようにみていきましょう。

★この記事の目次★

1. Htmlとは
2. <開始タグ>コンテンツ</終了タグ>
3. <!DOCTYPE html>は大文字でも小文字でも良い
4. 記述は大文字でも小文字でもOK
5. 最低限必要な記述
6. タグは入れ子構造にする
7. 属性のルール
8. まとめ

Htmlとは

htmlとは【Hyper Text Markup Language】の略でWebページを作成するための言語です。

<開始タグ>コンテンツ</終了タグ>

基本の記述方法はこのように<開始タグ>コンテンツ</終了タグ>
コンテンツを開始タグと終了タグで囲みます。

終了タグには/（スラッシュ）を入れることで閉じることができます。
またタグによっては空要素と呼ばれる<終了タグ>がないものもあります。

例）

<p>段落</p>
paragraphの略で段落をあらわす要素です。

<h1>大見出し<h1>
heading1の略で大見出しをあらわす要素です。

また開始タグから終了タグを【要素】といいます。

<!DOCTYPE html>は大文字でも小文字でも良い

まず最初に必ず記述するのが<!DOCTYPE html>

DOCTYPE宣言と呼ばれるものでhtmlでファイルであると宣言し、どのバージョンのhtmlで書かれているものかを示しています。

<!DOCTYPY html>

この<!DOCTYPE html>はHTML5のDOCTYPE宣言でこのように記述しておけば大丈夫です。

大文字でも小文字でもOK

本やサイトなどを見るとたいてい<!DOCTYPE html>と大文字で記述がありますが、<!doctype html>と小文字で記述しても大丈夫です。

記述は大文字でも小文字でもOK

htmlを記述する時は大文字でも小文字でもどちらでも大丈夫です。
さらに大文字と小文字を混ぜても問題ありませんが、大文字で記述しているhtmlはあまり見たことがありません。

大文字小文字

どれも問題ない

うえのどれも記述の仕方は問題ありませんが、一般的には全て小文字で記述していきます。

なお<!DOCTYPY html>に終了タグはありません。

最低限必要な記述

HTMLファイルに最低限必要な記述がこちら

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta nsme="description" content="初心者のためのブログ">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTMLルール</title>
</head>
<body>
  


  
</body>
</html>

そしてブラウザに表示させたい要素はすべて【body】の中に記述します。