📔
HTML Convention
conventionとは?
複数人で事前に約束された変数ネーミングルールなど、一貫した枠組みを作る行為です。
きれいなhtmlコードを使えば、他の人が簡単にコードを読んで理解することができます。
Html Convention
- Doctypeで始めよう、標準モードを有効にするために必要です。
<!Doctype html>
- タグ名 小文字を使用
htmlは要素名に大文字と小文字を混合することができますが、次のような理由で小文字を使用することをお勧めします。
- 大文字と小文字を混ぜるときれいではありません。
- 開発者は一般的に小文字を使用します。
- 小文字を書くのがもっと易しいです。
-
すべてのhtml要素を閉じます。
閉じるタグがない要素以外は、すべてのタグを閉じる必要があります。 -
小文字プロパティ名使用タグの作成も小文字として書くのと同じように、タグ内プロパティも小文字で作成する必要があります。
-
タグ内のプロパティ値には引用符を入れます。
<a href="https://velog.io" target="_blank">velog</a>
- メタデータの正しい解析と検索エンジンのインデックス作成をサポートするには、言語と文字エンコードの両方をhtml文書で定義すること方がいいです。
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
</head>
- 設定ビューポートは、ウェブページでユーザーが閲覧できるエリアで、デバイスによって異なります。<meta>タグに次のプロパティを含める必要があります。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
上記のタグは、ページサイズと倍率を制御する方法についてブラウザ指針を提供します。
Discussion