HTML マークアップ言語 - リファレンス

HTML マークアップ言語 - リファレンス
123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックしてください。
前:マークアップ言語 - 悪意のあるテーブル<br />元のソース

第4章 参考文献
「誤引用は、決して誤引用されない唯一の引用である」
-ヘスケス・ピアソン
あらゆる種類の Web サイトでは、他のページ、著者、または出版物のコンテンツを引用する場合でも、引用が頻繁に使用されるため、引用をマークアップするための標準的な方法があると便利です。構造ができたら、引用文を美しいデザイン要素に変えるための簡単な CSS だけが必要になります。
引用をマークアップする 3 つの方法を見て、それぞれの長所と短所について説明しましょう。最適なアプローチが見つかったら、長い引用をマークアップするのに最適な関連要素とスタイルを検討します。
それぞれの方法を詳しく見て、仕事に最適な「ツール」を見つけましょう。そして、さらに重要なことに、なぜそれが最適なツールなのかを考えてみましょう。 アプローチA: セマンティクスの欠如

<p>「誤引用は、決して誤引用されない唯一の引用である。」</p>
<p>&#8212; ヘスケス・ピアソン</p>

ページ内で引用を使用する場合、通常は、引用文をテキストの残りの部分とは違った見た目にする必要があります。理想的には、そのコンテンツが別の場所からのものであることを読者に思い出させ、残りのコンテンツの通常の読み取り順序からそれを(適切な方法を使用して)分離するためです。
方法 A はページ上の他の段落と同じようにマークされるため、異なるスタイルを設定する方法はありません。コンテンツ内の二重引用符が引用されたコンテンツの唯一の手がかりになります。

ちなみに、この方法と次の 2 つの例では、&#8212; は長いダッシュ (つまり "—") の HTML コードであり、ここでは 10 進数表現方法が使用されています。これはすべてのブラウザをサポートする最も信頼性の高い方法です。または、以下を使用することもできます。

前のページ1 2 3 4 次のページ 全文を読む

<<:  Dockerの国内イメージソースを変更する方法

>>:  Vueにおけるキーの役割と原理の詳細な説明

推薦する

ウェブページ内の 2 つのボックス モデル (W3C ボックス モデル、IE ボックス モデル)

Web ページ ボックス モデルには 2 種類あります。 1: 標準 W3C ボックス モデル。2:...

vue3 における vuex と pinia の落とし穴

目次導入インストールと使用方法文章の相違点と類似点の簡単な比較VuexとPiniaの長所と短所Pin...

Linux学習におけるmkdirコマンドの詳しい説明

目次序文1. ファイルの概念に関する基礎知識2. mkdir コマンド序文最近、Linux にますま...

CentOS8.0 で FTP サーバーをインストールして設定する方法

CentOS8.0-1905 のリリース後、FTP サーバーを CentOS の新しいバージョンに移...

WeChatアプレットのスワイパードットのドットをスライダーに変更する方法

目次背景ターゲット効果アイデア成し遂げるスワイパーは変更を聞きますカスタムドットモジュール変更イベン...

MySQL 5.6.23 のインストールと設定環境変数のチュートリアル

この記事では、MySQL 5.6.23のインストールと設定のチュートリアルを参考までに紹介します。具...

Dockerを使用してDjango+MySQL8開発環境をデプロイする方法の詳細な説明

しばらく前にシステムを再インストールしましたが、バックアップを取っていなかったので、コンピューター上...

React+Amapは緯度と経度をリアルタイムで取得し、住所を特定します

目次1. マップを初期化する2. マップポイント3. 位置決めを有効にする4. マップの変更を監視す...

nginx-ingress-controller ログ永続化ソリューションのソリューション

最近、nginx-ingress-controller のアプリケーションについて説明した公開アカウ...

Vue3 はメッセージコンポーネントの例を実装します

目次コンポーネント設計最終的なコンポーネントAPIの定義コンポーネント構造の定義テンプレートとスタイ...

JavaScript配列をツリー構造に変換する方法

1. 需要バックエンドは、フロントエンドがツリー構造(重複データなし)に変換するためのデータを提供し...

ショートカットアイコンとアイコンコードの違いの紹介

ステートメント 1: <link rel="shortcut icon" ...

1つの記事でJavaScript DOM操作の基本を学ぶ

DOM の概念DOM: ドキュメント オブジェクト モデル: ドキュメント オブジェクト モデルは、...

シンプルなドラッグ効果を実現するJavaScript

この記事では、簡単なドラッグ効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...