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 のトリック

>>:  Vue-CLI3.xはプロジェクトをサーバーに自動的にデプロイします

推薦する

Linux は、ディレクトリが存在するかどうかを判断するために if を使用します。

Linux で if を使用してディレクトリが存在するかどうかを判断する方法方法は次のとおりです。...

MySQL ダーティ ページ フラッシュとテーブル スペースの縮小の原理の分析

mysql ダーティページWAL メカニズムにより、InnoDB はステートメントを更新するときに、...

MySQL の最初のインストールが成功した後にパスワードを初期化する手順

ファイルをディレクトリに解凍しますこれは解凍後のディレクトリですmy.iniファイルを入力しますダブ...

Amap を使用した React 実装例 (react-amap)

React の PC 版は Amap を使用するようにリファクタリングされました。情報を検索したと...

Vueモバイル端末は画面上で指をスライドさせる方向を判定する

vueモバイル端末は、画面上で指をスライドさせる方向を判断します。具体的な内容は次のとおりです。これ...

フォーム内のどの隠し属性をフォームとともに送信できるか

フォーム内の visibility=hidden および display=none のフォーム要素は...

ウェブページエクスペリエンス: 計画と設計

1. デザインの方向性を明確にする<br />まず、どのユーザーを対象にデザインするのか...

Dockerデータストレージの概要

この記事を読む前に、ボリューム、バインドマウント、tmpfs マウントの基本を理解しておいてください...

パーティショニングを使用して数十億のデータに対する MySQL データ処理を最適化する方法

MySQL が数千万のデータをクエリする場合、ほとんどのクエリ最適化の問題はインデックスを通じて解決...

Vueのwatch、computed、methodsの違いのまとめ

目次1 はじめに2 基本的な使い方2.1 方法2.2 計算プロパティ2.3 リスナーを見る3 3つの...

node.jsのコアモジュールとは

目次グローバルオブジェクトグローバルオブジェクトとグローバル変数プロセスコンソール一般的なツールユー...

8桁の割引コードをランダムに生成し、MySQLデータベースに保存します。

現在、多くの企業が割引コードを通じてプロモーションを行っています。今では、8桁の割引コードを実装して...

Docker+jenkins+python3環境を使用して非常に詳細なチュートリアルを構築する

序文:自動化を記述した後、毎日サーバー上で実行する必要があります。このような問題に遭遇しました。Je...

Flash が HTML div 要素を覆わないようにする方法

今日、フラッシュ広告のコードを書いていたとき、フラッシュに付属するリンクはポップアップ広告と間違われ...

MySQLの自己接続と結合の詳細な理解

1. MySQL 自己接続MySQL では、情報を照会するときに自分自身に接続 (自己接続) する必...