Hyper Text Markup Language (HTML) の初心者でもエキスパートでも、あなたの HTML 文書に一貫性と組織性を保つために、いくつかのベストプラクティスに従うことが重要です。
1.HTMLのベスト プラクティスは、次のプロジェクトで念頭に置いておくべき10個の要素、属性、プロパティ、値、およびその他が含まれます。 適切なドキュメント構造を使用する
HTML ドキュメントは、<html>、<head>、および <body> といった要素がなくても機能します。 しかし、ページはすべてのブラウザで正しく表示されないので、適切な文書構造を使用して一貫性を保つことが重要です。
例。
2. 正しいdoctypeを宣言する
HTML文書を作成するとき、最初に宣言するのはdoctypeです。 これは、マークアップを正しく表示するために使用している標準をブラウザに伝えるものです。 doctypeは、ページの一番上にある<html>タグの前に記述する。 どの宣言を使用すべきかわからない場合は、W3.org が正しい doctype の選択に関する情報を提供しています。
3. 常にタグを閉じる
検証エラーに遭遇しないために、作成するすべてのタグの終了タグを持つことを常に忘れないでください。
4. インラインスタイルを使用しない
外部スタイルシートを作成せずにコードに沿ってスタイルを配置する方法は簡単そうに思えるかもしれません。 しかし、インラインスタイルは、ウェブサイトの更新や保守を困難にするので、良いコーディングの実践ではありません。 代わりに、スタイルをHTMLマークアップから分離しておくことです。 画像でalt属性を使用する画像でalt属性を持つことは必須ではありませんから、無視されがちです。 しかし、検証やアクセシビリティの理由から、意味のあるalt属性を持つことは重要です。 alt 属性はスクリーン・リーダーにコンテキストを提供するので、画像が何を含むかについて説明的であるべきです。
6. 頻繁に検証する
HTML 文書が完成するまで待つのではなく、作業中に何度もコードを検証してください。 これは、特に文書が長い場合、早期にエラーを特定することによって、最終的にいくつかの時間を節約するのに役立ちます。 使用する人気のある HTML バリデーターは W3C のマークアップ検証サービスです。
7. 外部スタイル シートを <head> タグ内に配置する
外部スタイル シートは HTML ドキュメントのどこにでも配置できますが、それらを <head> タグ内に配置することがベストプラクティスとなっています。 これにより、ページの読み込みが速くなります。
8. 意味のあるタグを使用する
Webページの各セクションは、コンテンツに最も適したHTML5タグを使用して構築する必要があります。 7539>section>、<article>など、より説明的なタグがある場合は、<div>などの汎用タグを過度に使用しないようにするのがベストです。 小文字のマークアップを使用するあなたのHTMLマークアップは、小文字または大文字で書くことができ、Webページが正しくレンダリングされます。 しかし、タグ名を小文字にするのは、読みやすく保守しやすいので、ベストプラクティスです。 ページの要素数を減らすHTML文書は、特に多くのコンテンツを持つWebページでは複雑になることがあります。 ページのサイズを小さくするには、マークアップが完了したら、コードをさらに最適化する機会を確認します。
HTML のベスト プラクティスについてさらに詳しく知りたいですか?
- HTML のベスト プラクティス
- フロントエンド コード標準& ベスト プラクティス
- Writing your best code
TBH Creative は常に Web 開発における最新のベスト プラクティスについて取り組んでいます。