あなたはブログでこれらのHTMLコーディングの間違いを犯しますか？

あなたがウェブページ開発者であるならば、あなたはいつも利用します HTMLコーディング しかし、単純なコーディングミスに直面することもあります。 熟練したコーダーと学習者の両方が、注意力または経験の欠如のために、HTMLコーディングでエラーを犯します。

クリーンなコードは、熟練したWeb開発者になるだけでなく、後でコードを編集する必要がないため、時間を節約するために非常に重要です。

Webページにクリーンなコードがある場合、つまり、HTMLコードがWorld Wide Web Consortiumによって示される構成を保持し、インターネットベースのWebサイトが従う標準を維持している場合、Googleでのサイトのランキングを上げるのにも役立ちます。

投稿する前に作業を確認するだけでなく、最初から注意を払うと常に役立ちます。

ここにあります 最も一般的なHTMLコーディングの間違いのリスト 私たちがよくし、遭遇すること。

1）DOCTYPEの欠落または不適切

DOCTYPEまたは文書型定義（DTD） WebブラウザでWebページが使用しているHTMLのバージョンを識別できます。 HTMLコードは、特定のHTMLバージョンのルールを示しているため、常にDOCTYPEで始まる必要があります。

DOCTYPEは大文字と小文字が区別され、異なるDOCTYPEは異なるバージョンのHTMLを参照するため、DOCTYPEの入力には注意が必要です。 このビデオを確認してください：HTMLコードに間違いがないことを確認するにはどうすればよいですか？

 

2）正しくフォーマットされていないHTML

HTMLコードの記述中に最も一般的なエラーは、終了タグの欠落、属性値の引用符の省略、タグの不適切なネストなど、誤ったフォーマットです。

通常、ほとんどの HTMLタグ たとえば、の開始タグと終了タグの両方があります。 タグがコンテンツを囲んでいる場合は、閉じる必要がありますが、次のようないくつかの例外があります。 タグですが、編集が必要になるため、常にそのタグを閉じることをお勧めします。 HTMLドキュメントが簡単.

古いバージョンのHTMLでは必須ではありませんが、値を引用符で囲むことをお勧めします。最新バージョンでは引用符が必要です。 タグを適切に閉じることも、の非常に重要な部分です。 HTMLコーディング そしてそれはそれが開かれたのと反対の方向で終わるべきです。

3）サポートされていない属性またはタグ

時々人々は次のようなコードを使用する傾向があります また の一部ではありません HTML標準。 繰り返しますが、多くの場合、タグのマージンのサイズを変更するなど、不適切な属性を使用します。 、たとえば。 HTMLのバージョンが異なれば、サポートする属性とタグのタイプも異なります。

使用しているバージョンと互換性のある属性を確認したい場合は、HTMLを次のように検証する必要があります。 HTMLバリデータ.

4）文字エンコードを見落とす

各文字セットには特定のコードがあり、そのコードはWebブラウザにWebページで使用されている文字セットを通知します。 したがって、英語の文字で構成されるWebページは、中国語またはフランス語の文字セットとは異なる文字セットを持ちます。

その結果、文字エンコードにより、Webブラウザにどのタイプの情報を読み取って表示するかが提案されます。 ほとんどの英語のWebページの場合、文字エンコード windows-1252およびISO-8859-1英語の文字を示します。

5）複数の改行を使用する

改行タグの使用は不適切です行間にギャップを挿入します。これは、要素間に段落やスペースを作成するのではなく、XNUMXつの改行のみを追加するために厳密に使用する必要があるためです。 改行を使用する正しい方法は次のとおりです。 これは一行ですこれは別の行です代わりに：これはXNUMX行ですこれは別の行です。

6）不適切なテーブルの使用

テーブルはしばしば間違ったHTMLコーディングにつながります。テーブルが不適切にエンコードされている場合、ほとんどのブラウザはエラーメッセージを表示しないため、そうするのは非常に簡単です。 ただし、支援技術は正しいテーブル構造に関して非常に厳しいものです。以下は、私たちがよく行う最も一般的なテーブルの間違いです。

• 終了しないでください 、 また タグまたはそれらを誤って終了する
• 行またはテーブルセルを、テキストの書式設定に使用されるタグで囲みます。
• 各行で、さまざまな数のセルを持つテーブルを作成します。
• –のようなインライン要素内にテーブルを作成するまた

7）不適切にフォーマットされたURL

リンクされた単語や画像は表示されますが、表示されない場合があります。 URLにがないことを確認する必要があります C：\ imageのようなDOSタイプのパス名。標準を維持します。 リンクの場合、拡張子が問題になる可能性があります。 mywebpage.htmという名前のファイルをテストしている間は完全に機能する可能性がありますが、サーバーに必要なのはmywebpage.htmlです。

8）見落とす

データを出力したり関数を実行したりするJavaScriptには、 タグ。JavaScriptの機能の代替または説明を提供します。

9）太字および

意味的に使用することは正しくありません それぞれイタリック体と太字のテキスト。 この目的のために、font-styleとfont-weightにCSSプロパティを使用するのが適切であり、ドキュメント自体でスタイルを使用する必要がある場合は、使用してテキストを斜体と太字にすることをお勧めします。

10） 画像タグの場合のalt属性の欠落

画像のコンテキストを説明するため、画像タグにはalt属性が必要です。 alt属性を使用すると、Webクローラーはコンテンツをより適切に分類し、ユーザーが画像が重要かどうかを判断しやすくなります。

このリストはおそらく永遠に続く可能性がありますが、これらすべてのポイントは、HTMLコードを使用する際に注意すべき点を理解するのに十分です。

また、ページを検証して、コミットしているHTMLコーディングエラーに精通している必要があります。これにより、エラーがクリーンなコーディングになるのを簡単に回避できます。

ブログでどんな間違いをしたのか