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はプロジェクトをサーバーに自動的にデプロイします

推薦する

ウェブページ作成の基本宣言文書型記述(DTD

CSS レイアウトを使用して WEB 標準に準拠した Web ページを作成することは、jb51.ne...

ウォーターフォールフローレイアウトを実装する3つの方法

序文今日、Xianyuを閲覧していたとき、各行の高さが同じではないことに気付きました。調べてみると、...

MySQL が大規模トランザクションを避けるべき理由とその解決方法

何が大問題ですか?長時間実行され、長時間コミットされないトランザクションは、大規模トランザクションと...

MySQLの認証コマンドgrantの使い方

この記事の例は MySQL 5.0 以降で実行されます。ユーザー権限を付与するための MySQL コ...

Mysqlリモート接続構成を実装する2つの方法

Mysqlリモート接続構成を実装する2つの方法会社で働いていると、誰かのコンピュータに保存されている...

Vueはドラッグプログレスバーを実装します

この記事では、ドラッグプログレスバーを実現するためのVueの具体的なコードを例として紹介します。具体...

DOM操作テーブルの例(DOMはテーブルを作成します)

1. HTML タグを使用してテーブルを作成します。コードをコピーコードは次のとおりです。 <...

Nginx+Apache の動的および静的分離の導入の詳細な例

Nginx の動的および静的分離の概要Nginx は静的処理能力が強力ですが、動的処理能力が不十分で...

Linuxでテキスト比較を実現するコツを教えます

序文コードを書く過程で、必然的にコードに何らかの変更を加えることになります。しかし、変更を加えるとき...

JS 非同期スタック トレース: await が Promise よりも優れている理由

概要async/await と Promise の基本的な違いは、await fn() は現在の関数...

Nginx ロケーション設定のチュートリアル (ゼロから)

基礎位置の一致順序は、「最初に正規表現に一致し、次に共通表現に一致」です。実際のロケーションの一致順...

TypeScript の条件型に関する詳細な読書と実践記録

目次ジェネリック型での条件型の使用ツールタイプ脱出ポッド矢印関数で条件型を使用する型推論による条件型...

MySQL における楽観的ロックと悲観的ロックの例

データベース管理システムにおける同時実行制御のタスクは、データベース内の同じデータに同時にアクセスす...

CocosCreatorでリストを作成する方法

CocosCreator バージョン: 2.3.4 Cocos には List コンポーネントがない...

win10 での mysql 8.0.16 winx64 インストールの最新グラフィック チュートリアル

このデータベースをダウンロードするには、多くの時間とトラフィックがかかります。踏み込んだ落とし穴で時...