注意を払う必要があります。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: 間違った |
>>: Vue-CLI3.xはプロジェクトをサーバーに自動的にデプロイします
この記事では、例を使用して、MySQL インデックス カーディナリティの概念と使用方法を説明します。...
1. readonly 読み取り専用属性なので、値を取得できます2. 無効: 無効な属性、値を取得で...
ユーザーの権限に応じて異なるメニュー ページを表示します。知識ポイントルートガード(事前ガードを使用...
VMwareでcentos8サービスをインストールしてコピーすると、次の問題が発生します。 コピー前...
テーブルはかつて、Web ページの開発、つまりレイアウトにおいて非常に重要な役割を果たしていました。...
この記事の目的は、最も明確な構造を使用していくつかのコンポーネントの基本機能を実装することです。皆さ...
目次概要CommonJS 仕様Node の CommonJS 仕様の実装モジュールのエクスポートとイ...
最近、Ant Design Blazor コンポーネント ライブラリにマルチタブ コンポーネントを実...
まず効果を見てみましょう: 序文:このアイデアは、Bilibili のアップロード者 Steven ...
目次1. Tencent Cloud Serverに接続する2. 環境整備Jenkinsのデプロイメ...
目次1.Json文字列1.1Json構文1.2 例2. クッキー2.1 使い方は? 3. ローカルス...
前回の記事では、Navicat for Mysql 接続エラー 1251 (接続失敗) の問題を解決...
この記事では、CSS ワープ シャドウの実装コードを紹介し、皆さんと共有します。詳細は以下の通りです...
この記事の例では、スライダー検証を実装するためのjsキャンバスの具体的なコードを参考までに共有してい...
1. 環境VS 2019 16.9.0 プレビュー 1.0 .NET SDK 5.0.100 2. ...