HTML 5要素を作成するためのベストプラクティス
多くの新しいWebデザイナーが持つ1つの質問は、HTML 5タグで大文字と小文字が区別されるかどうかです。 短い答えは - "いいえ"です。 HTML5タグは大文字と小文字を区別しませんが、HTMLマークアップの書き方を厳密にするべきではありません。
XHTMLに戻る
HTML5が業界に登場する前に、ウェブの専門家はXHTMLというマークアップ言語を使用してウェブページを構築しました。
XHTMLを書くとき、XHTMLは大文字小文字を区別するので、すべての標準タグを小文字で書く必要があります。 つまり、タグはXHTMLのとは異なるタグです。 XHTMLウェブページをどのようにコード化し、小文字だけを使用するかについては、非常に具体的でなければなりませんでした。 この厳格な遵守は、多くの新しいWeb開発者にとって大きなメリットでした。 小文字と大文字を混在させてマークアップを書くのではなく、厳密なフォーマットがあることを知っていました。 XHTMLが普及したときにウェブデザインで歯を切った人にとっては、マークアップが大文字と小文字の混在である可能性があるという考えは、異質であり、間違っているようです。
HTML5がゆるむ
XHTML以前のHTMLのバージョンでは、大文字と小文字は区別されませんでした。 HTML5はその伝統に従い、XHTMLの厳密なフォーマット要件から逸脱しました。
したがって、HTML5はXHTMLとは異なり、大文字と小文字を区別しません。 つまり、HTML5では、、はすべて同じタグです。これが混乱のように見える場合、私はあなたの痛みを感じます。
大文字と小文字を区別しないHTML5の背後にあるアイデアは、新しいWeb専門家が言語を学ぶのを簡単にすることでしたが、新しい学生にWebデザインを教える人として、まったく違うという事実を絶対に証明することができます。
「いつもあなたのHTMLを小文字で書く」のような、ウェブデザインの新しいルールを習得することができれば、ウェブデザイナーであることを学ぶために必要なものすべてを学ぶことができます。 あまりにも柔軟性のあるルールを与えてしまうと、実際に多くの学習者を混乱させることになります。
私は、HTML5仕様の作成者がもっと柔軟にすることで学習しやすくすることを目指していたという事実が好きですが、この例では誤解を招いてしまったと思います。
HTML 5の規約は小文字を使用することです
HTML 5を書くときに好みの大文字小文字を使用してタグを書き込むことは有効ですが、タグと属性にはすべて小文字を使用するという規則があります。 これは、厳密なXHTMLの時代を過ごした多くの経験豊富なWeb開発者が、ベストプラクティスをHTML5（およびそれ以降）に持ち越したためです。 これらのWebプロフェッショナルは、今日のHTML5では大文字と小文字が混在していても構わないと考えています。
Webデザインの知識の多くは、他の人、特に業界でより経験豊富な人たちから学ぶことです。 これは、新しいWeb開発者が熟練した専門家のコードをレビューし、小文字のマークアップをすべて表示することを意味します。 これらのコードをエミュレートすると、HTML5もすべて小文字で記述されます。 これは今日起こっているようです。
レターケースのベストプラクティス
自分自身の経験では、ファイル名だけでなくHTMLコードにも常に小文字を使用することをお勧めします。 特定のサーバーでは、ファイル名に関しては大文字と小文字が区別されるため（たとえば、「logo.jpg」は「logo.JPG」とは異なります）、常に小文字を使用するワークフローがある場合、質問する必要はありません画像の欠落などの問題が発生した場合は、ケーシングが問題になる可能性があります 。 常に小文字を使用する場合は、サイトの問題をデバッグする際に問題としてそれを割り引くことができます。 これは私が学生に教えるワークフローであり、自分のウェブデザイン作業で使用するワークフローです。
Jennifer Kryninのオリジナル記事。 ジェレミージラール編集。