目次
ここに記事のタイトルテキストが書かれています
jb51.net のスクリプト ホーム。ようこそ
スクリプト ホーム Webjx.Com は最新かつ最速の Web テクノロジーを提供します
ホームページ ウェブフロントエンド htmlチュートリアル XHTMLタグは適切に使うべき_HTML/Xhtml_Webページ制作

XHTMLタグは適切に使うべき_HTML/Xhtml_Webページ制作

May 16, 2016 pm 04:45 PM
div 使用 できる 合理的 私たち 書類 マーク ウェブページ


Script House のこれまでのチュートリアルでは、Web ページの HTML ファイルをセマンティックにすることを繰り返し強調してきました。 HTML タグまたは XHTML タグは、外観に基づいて選択するのではなく、Web ページの HTML ドキュメントの構造に基づいて最適な HTML タグまたは XHTML タグを選択する必要があります。 P タグは、改行効果を得るために使用するのではなく、段落を定義するために使用します。 h1 ~ h6 タグは、テキスト サイズや太字効果を実現するために使用するのではなく、見出しをマークするために使用します。
たとえば、タイトルは h1 を使用して定義できます。

ここに記事のタイトルテキストが書かれています


他の方法を使用して定義するのではなく:

ここに記事のタイトルテキストが書かれています


Script House の前回の記事では、XHTML1.0 で許可されているすべてのタグをリストしましたが、実際には選択できる要素タグが非常に少ないこともわかります。しかし、これらの洗練された要素マークにも、より明確な意味があることも明確に認識しています。タグ付けする適切な要素が本当に見つからない場合は、汎用の div タグと spam タグを使用できます。
ページでの div タグと spam タグの使用は新たな問題であり、私たちはそれらを使いすぎる傾向があります。 div を必要かつ合理的に使用すると、ドキュメントの構造を大幅に強化できます。 HTML ドキュメントを見て、div と Span が多数あることがわかった場合は、問題を別の観点から見る必要があります。不正行為はないか?それらに代わるより良いマーカーはありますか? h1 がマークされたコンテンツをより適切に表現できる場合は、それを定義するために p または span を放棄する必要があります。
おそらくこれは矛盾しており、それらを正しく使用する方法を理解するのは難しいか、おそらく明確な答えはまったく得られません。ただし、明確にする必要があることが 1 つあります。文書に明確な論理構造を持たせ、スタイルを適用しやすくする必要があります。 div は単なるコンテナ、またはドキュメントの「一部」と考えることができます。コンテナを多用しすぎますが、これは賢明なパターンではありません。また、コンテナが適切かつ適切な位置にあると、文書全体が整理されて見えるようになります。
次のコードは、より合理的で効果的です。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

EdgeブラウザのショートカットとしてWebページをデスクトップに送信するにはどうすればよいですか? EdgeブラウザのショートカットとしてWebページをデスクトップに送信するにはどうすればよいですか? Mar 14, 2024 pm 05:22 PM

Edge ブラウザのショートカットとして Web ページをデスクトップに送信するにはどうすればよいですか?多くのユーザーは、アクセスページを直接開くことができるように、頻繁に使用する Web ページをデスクトップにショートカットとして表示したいと考えていますが、その方法がわかりません。この問題に応えて、この号の編集者は大多数のユーザーが解決策を考えているので、今日のソフトウェア チュートリアルで共有されているコンテンツを見てみましょう。 Edge ブラウザで Web ページをデスクトップに送信するショートカット方法: 1. ソフトウェアを開き、ページ上の「...」ボタンをクリックします。 2. ドロップダウン メニュー オプションから [アプリケーション] で [このサイトをアプリケーションとしてインストールする] を選択します。 3. 最後に、ポップアップウィンドウでそれをクリックします

CrystalDiskmarkとはどのようなソフトウェアですか? -crystaldiskmarkの使い方は? CrystalDiskmarkとはどのようなソフトウェアですか? -crystaldiskmarkの使い方は? Mar 18, 2024 pm 02:58 PM

CrystalDiskMark は、シーケンシャルおよびランダムの読み取り/書き込み速度を迅速に測定する、ハード ドライブ用の小型 HDD ベンチマーク ツールです。次に、編集者が CrystalDiskMark と Crystaldiskmark の使用方法を紹介します。 1. CrystalDiskMark の概要 CrystalDiskMark は、機械式ハード ドライブとソリッド ステート ドライブ (SSD) の読み取りおよび書き込み速度とパフォーマンスを評価するために広く使用されているディスク パフォーマンス テスト ツールです。 ). ランダム I/O パフォーマンス。これは無料の Windows アプリケーションで、使いやすいインターフェイスとハード ドライブのパフォーマンスのさまざまな側面を評価するためのさまざまなテスト モードを提供し、ハードウェアのレビューで広く使用されています。

Word文書に朱書きを入れる方法 Word文書に朱書きを入れる方法 Mar 01, 2024 am 09:40 AM

395ワードなので495 この記事では、Word文書に赤線を追加する方法を紹介します。ドキュメントのレッドラインとは、ユーザーが変更を明確に確認できるようにドキュメントを変更することを指します。この機能は、複数の人が一緒にドキュメントを編集している場合に非常に重要です。レッドラインの意味 ドキュメントのマーク レッドラインとは、ドキュメントの変更、編集、または改訂を示すために赤い線または吹き出しを使用することを意味します。この用語は、印刷された文書に赤ペンを使用してマークを付ける習慣からインスピレーションを受けました。レッドライン コメントは、ドキュメントの編集時に作成者、編集者、レビュー担当者に推奨される変更を明確に示すなど、さまざまなシナリオで広く使用されています。法的合意や契約の変更や修正を提案する。 論文やプレゼンテーションなどに対して建設的な批評や提案を提供する。 Wの与え方

foob​​ar2000のダウンロード方法は? -foobar2000の使い方 foob​​ar2000のダウンロード方法は? -foobar2000の使い方 Mar 18, 2024 am 10:58 AM

foob​​ar2000 は、音楽リソースをいつでも聴くことができるソフトウェアです。あらゆる種類の音楽をロスレス音質で提供します。音楽プレーヤーの強化版により、より包括的で快適な音楽体験を得ることができます。その設計コンセプトは、高度なオーディオをコンピュータ上で再生可能 デバイスを携帯電話に移植し、より便利で効率的な音楽再生体験を提供 シンプルでわかりやすく、使いやすいインターフェースデザイン 過度な装飾や煩雑な操作を排除したミニマルなデザインスタイルを採用また、さまざまなスキンとテーマをサポートし、自分の好みに合わせて設定をカスタマイズし、複数のオーディオ形式の再生をサポートする専用の音楽プレーヤーを作成します。過度の音量による聴覚障害を避けるために、自分の聴覚の状態に合わせて調整してください。次は私がお手伝いさせてください

掃海艇をマークするにはどうすればよいですか? - マインスイーパの難易度を変更するにはどうすればよいですか? 掃海艇をマークするにはどうすればよいですか? - マインスイーパの難易度を変更するにはどうすればよいですか? Mar 18, 2024 pm 06:34 PM

掃海艇をマークするにはどうすればよいですか?まず、マインスイーパでのマーキング方法に慣れる必要があります。通常、マインスイーパ ゲームには、フラグ マークとクエスチョン マーク マークの 2 つの一般的なマーク方法があります。フラグ マークは、ブロック内に地雷が存在することを示すために使用され、確定的なマークである一方、疑問符マークは、ブロック内に地雷が存在する可能性があるが、確定的ではないことを示します。これら 2 つのマーキング方法はゲームにおいて重要な役割を果たし、プレイヤーがどのブロックに地雷が含まれている可能性があるかを推測して、効果的に次のステップに進むのに役立ちます。これらのマーキング方法を上手に使用すると、掃海艇ゲームでのプレイヤーの成功率が向上し、地雷を踏むリスクを軽減できます。したがって、掃海艇ゲームをプレイする際に、旗マークと疑問符マークをマスターしていれば、あるマス目に地雷があるかどうか分からないときに、疑問符マークを使ってマークすることができる。

Baidu Netdisk アプリの使用方法 Baidu Netdisk アプリの使用方法 Mar 27, 2024 pm 06:46 PM

クラウド ストレージは今日、私たちの日常生活や仕事に欠かせない部分になっています。中国有数のクラウド ストレージ サービスの 1 つである Baidu Netdisk は、強力なストレージ機能、効率的な伝送速度、便利な操作体験により多くのユーザーの支持を得ています。また、重要なファイルのバックアップ、情報の共有、オンラインでのビデオの視聴、または音楽の聴きたい場合でも、Baidu Cloud Disk はニーズを満たすことができます。しかし、Baidu Netdisk アプリの具体的な使用方法を理解していないユーザーも多いため、このチュートリアルでは Baidu Netdisk アプリの使用方法を詳しく紹介します。まだ混乱しているユーザーは、この記事に従って詳細を学ぶことができます。 Baidu Cloud Network Disk の使用方法: 1. インストール まず、Baidu Cloud ソフトウェアをダウンロードしてインストールするときに、カスタム インストール オプションを選択してください。

百度地図で複数の場所をマークする方法 複数の場所をマークする方法 百度地図で複数の場所をマークする方法 複数の場所をマークする方法 Mar 15, 2024 pm 04:28 PM

上記には、特に複数の場所をマークできる地図の場合に多くの関数があります。いくつかの場所がわかったら、さまざまな側面を提供できるように、必ずいくつかの句読点関数を使用します。マークする関数の中には、距離を生成するものもあります。もちろん、上記の場所の名前や詳細情報も表示されますが、多くのネチズンは上記の内容に精通していない可能性があります。コンテンツ情報は表示されません。非常に明確なので、皆さんがさまざまな側面でより良い選択をできるように、今日は編集者がさまざまな側面でいくつかの選択肢を提供しますので、アイデアに興味のある友人、あなたも興味がある場合は、試しに来てください。標準

Web ページ上の画像を読み込めない場合はどうすればよいですか? 6つのソリューション Web ページ上の画像を読み込めない場合はどうすればよいですか? 6つのソリューション Mar 15, 2024 am 10:30 AM

一部のネチズンは、ブラウザの Web ページを開いたときに、Web ページ上の画像が長時間読み込めないことに気づきました。何が起こったのでしょうか?ネットワークは正常であることを確認しましたが、どこに問題があるのでしょうか?以下のエディタでは、Web ページの画像が読み込めない問題に対する 6 つの解決策を紹介します。 Web ページの画像を読み込めない: 1. インターネット速度の問題 Web ページに画像が表示されません。これは、コンピュータのインターネット速度が比較的遅く、コンピュータ上で開いているソフトウェアが多いためと考えられます。また、アクセスする画像が比較的大きいため、読み込みタイムアウトが原因である可能性があります。その結果、画像が表示されません。ネットワーク速度をより多く消費するソフトウェアをオフにすることができます。タスク マネージャーに移動して確認できます。 2. 訪問者が多すぎる Web ページに写真が表示されない場合は、訪問した Web ページが同時に訪問されたことが原因である可能性があります。

See all articles