HTML Police がコードを調べて意味のないタグをすべて見つけ出すので、注意を払う必要があります。このリストには、最も一般的な 10 個の HTML タグ エラーが含まれています。これらに注意することで、よくある間違いを避け、HTML タグを意味と標準の要件に適合させることができます。 罪1: インライン要素内にブロックレベル要素を配置するHTML 要素を表現するには、ブロック レベルとインラインの 2 つの方法があります。各タグには、ブロック レベルまたはインラインのデフォルトの表現モードがあります。たとえば、div と p はブロック レベル要素であり、ドキュメント構造を形成するために使用されます。インライン要素は、ブロック レベル要素内にのみ存在できます。
罪2: imgタグにalt属性が含まれていないalt 属性は、Web ページに表示されるすべての画像に必須の属性です。画像が何であるかを人々に知らせるのに役立ちます。また、インターネットの速度が遅い場合に画像の意味を示すこともできます。その主な目的は、画像の意味を説明することです。説明として alt="image" を使用するのは非常に不適切です。一部の画像が実際には装飾用である場合は、alt="" と記述することをお勧めします。
罪3: 必要なときにリストを使用しない
罪その4: <b> と <i> を使用してテキストを太字や斜体にするCSS を使用して、font-weight と font-style を定義できます。ページでタグを使用する必要がある場合は、代わりに <strong> または <em> タグを使用します。<b><i> には意味はありませんが、よりシンプルなページの場合は、CSS を使用してスタイルを定義する方が適切です。
罪5: 使いすぎ<br />改行マーカーは、テキスト フローに最初の改行文字が入力された後、新しい行に特定の単語を挿入する場合にのみ使用してください。要素間にギャップを作成するために使用するのではなく、テキストを異なる段落に分割したり、CSS スタイルの振幅を調整したりするために使用する必要があります。
罪6: 間違った |
<<: CSS アニメーション プロパティの使用方法とサンプル コード (transition/transform/animation)
エラー 1290 (HY000) : MySQL サーバーは –secure-file-priv オ...
Kubernetes は、アプリケーションの移植性とハイブリッド クラウド/マルチクラウドの展開をサ...
1. 削除delete は、オブジェクトのプロパティを残さずに削除する唯一の方法ですが、その「代替」...
目次ステップ 1: root ユーザーとしてログインします。ステップ 2: 新しいデータ テーブルを...
1. nginx-1.8.1.tar.gzを解凍する2. fastdfs-nginx-module-...
nginx が proxy_pass を設定する場合、末尾に "/" がある U...
最近、WeChatミニプログラムは、監査ミニプログラムのwx.loginおよびwx.getUserI...
cellspacing は表内のセル間の距離です。セルパディングは、表のセル内の空白スペースです。一...
目次Nginx 負荷分散構成Nginx 負荷分散戦略ポーリング(デフォルト)重さip_ハッシュ公正(...
【序文】 Vue と React の CSS モジュール ソリューションはどちらも、実装にローダーに...
目次1. スクリプトを使用してDockerのTLSを暗号化する2. Dockerの設定を変更してリモ...
目次1. 概要1. 原則2. 実装3. スレーブインスタンスを作成する4. マスタースレーブ構成要約...
Docker の使用に関するヒント1. 停止したDockerコンテナをすべてクリーンアップする停止し...
目次1. 前処理2. コンパイル3. コンパイル4. リンク1. gccのインストール(Ubuntu...
Laravel 5.4 のデフォルトの utf8mb64 文字エンコーディングをサポートするには、M...