よくある HTML タグの記述エラー

よくある HTML タグの記述エラー

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: 間違った取り消し線タグの使用

昔は、<S> と <strike> を使用してサイトのテキストを定義していました。ただし、これらは非推奨のタグとして定義されていますが、効果はまだ残っています。新しいタグ セット <del> と <ins> を使用してください。 <s><strike> を置き換えるには

 

罪7: インラインスタイルの使用

CSSの最も重要な目的は、ドキュメントとスタイルを区別することです。ページにスタイルを書き込むと、CSSはまったく役に立ちません。そのため、スタイルを適切な場所に置くことを忘れないでください。

 

犯罪8: HTMLに境界線を追加する

 

 

 

罪9: ヘッダータグ <h1>-<h6> を使用していない

 

犯罪 10: 意味のない <blink> または <marquee>

 

W3 では推奨されていませんが、<blink> タグと <marquee> (フラッシュ、スクロール) タグは、まったく見苦しいものです。

このタグは使用しないでください。このエフェクトを使用する必要がある場合は、他にもっと良いエフェクトがあると思います。

--------この世には騙す人と騙される人の二種類の人間しかいない。 ------------

<<:  CSS アニメーション プロパティの使用方法とサンプル コード (transition/transform/animation)

>>:  nuxt.js 複数の環境変数の設定

推薦する

MySQL データをエクスポートする際の secure-file-priv 問題の解決方法

エラー 1290 (HY000) : MySQL サーバーは –secure-file-priv オ...

Kubernetes の応用分野の概要

Kubernetes は、アプリケーションの移植性とハイブリッド クラウド/マルチクラウドの展開をサ...

JavaScript でオブジェクトのプロパティを削除する方法

1. 削除delete は、オブジェクトのプロパティを残さずに削除する唯一の方法ですが、その「代替」...

phpmyadmin を使用して MySQL 権限を設定する方法

目次ステップ 1: root ユーザーとしてログインします。ステップ 2: 新しいデータ テーブルを...

Nginx インストール エラーの解決方法

1. nginx-1.8.1.tar.gzを解凍する2. fastdfs-nginx-module-...

アプレットにおけるwx.getUserProfileインターフェースの具体的な使用

最近、WeChatミニプログラムは、監査ミニプログラムのwx.loginおよびwx.getUserI...

Web ページ制作におけるテーブル属性 CellPad、CellSpace、Border の説明と使用

cellspacing は表内のセル間の距離です。セルパディングは、表のセル内の空白スペースです。一...

Nginx ロードバランシングの設定方法

目次Nginx 負荷分散構成Nginx 負荷分散戦略ポーリング(デフォルト)重さip_ハッシュ公正(...

css-loader を使用して vue-cli で css モジュールを実装する

【序文】 Vue と React の CSS モジュール ソリューションはどちらも、実装にローダーに...

証明書を使用してリモート Docker サーバーに接続する方法

目次1. スクリプトを使用してDockerのTLSを暗号化する2. Dockerの設定を変更してリモ...

Docker で MySQL マスター スレーブ レプリケーションを実装するためのサンプル コード

目次1. 概要1. 原則2. 実装3. スレーブインスタンスを作成する4. マスタースレーブ構成要約...

Docker 構成コンテナの場所とヒントのまとめ

Docker の使用に関するヒント1. 停止したDockerコンテナをすべてクリーンアップする停止し...

Linux システムでの gcc コマンドの使用法の詳細な説明

目次1. 前処理2. コンパイル3. コンパイル4. リンク1. gccのインストール(Ubuntu...

Windows (x86、64 ビット) で MySQL 5.7.17 無料インストール バージョンをアップグレードするための詳細なチュートリアル

Laravel 5.4 のデフォルトの utf8mb64 文字エンコーディングをサポートするには、M...