ウェブページでコンテンツを引用するためによく使われるHTMLタグをマスターする

ウェブページでコンテンツを引用するためによく使われるHTMLタグをマスターする

長い引用には blockquote を、短い引用には q を、参考文献には cite を使用します。実際には、blockquote と q のみが使用されます。
HTML 仕様によれば、コンテンツを引用するための要素は <blockquote>、<q>、<cite> の 3 つあります。実際には、これらのタグはほとんど使用されないので、適用する場合はどのタグを使用すればよいのでしょうか。それらの意味論に非常に精通している必要があります。
<引用>
ブロック引用はコンテンツの引用です。コンテンツには、見出し、リスト、段落、div タグなどのブロックレベル要素を含める必要があります。この要素には、場所 (URI 形式) を指定するオプションの属性 cite を含めることもできます。例:
<blockquote cite="https://www.jb51.net/reference/htmltags/blockquote/">
<p>大きな引用。blockquote 要素のコンテンツには、見出し、リスト、段落、div などのブロックレベル要素が含まれている必要があります。</p>
<p>cite は、引用元の場所 (URI 形式) を指定するために使用できます。</p>
</blockquote>
<q>
<q> タグは短い引用を定義します。 <q> タグは基本的に <blockquote> と同じです。違いは表示と適用にあります。 <q> タグは短いインライン引用に使用されます。
ボブは「セクシーなパジャマ」と言いましたが、クリスは「着物」と言いました。
<q> はほとんど使用されませんが、いくつか便利なプロパティがあります。たとえば、CSS を使用して <q> 引用符記号の外観を指定できます。これは許可されています
質問 {}
Q {引用符: '»' '«' }
Q {引用符: '„' '“'}
良さそうですが、最新の IE8 を含め、IE シリーズ全体でサポートされているわけではありません。超恥ずかしい〜〜
<引用>
このタグを使用して、書籍や雑誌のタイトルなどの参照を定義します。例えば:
<p>そして <cite>ボブ</cite> は <q>いいえ、それはバナナだと思います</q> と言いました。</p>
要約:
長い引用には <blockquote> を使用し、短い引用には <q> を使用し、参考文献には <cite> を使用します。実際には、<blockquote> と <q> のみが使用されます。

<<:  CSS の clip-path プロパティの使用方法の詳細な説明

>>:  Docker で Ubuntu に Python3 と Pip をインストールする際の問題

推薦する

友達やグループを見つけるためのJavaScriptのLayim

現在、layuiの関係者はlayim友達検索ページの構造とスタイルを提供していません。私は個人的に非...

MySQL ページング分析の原理と効率改善

MySQL ページング分析の原理と効率改善PERCONA PERFORMANCE CONFERENC...

MySQL の挿入およびバッチ ステートメントのいくつかの例の詳細な説明

目次序文1.無視を挿入2. 重複キーの更新時3. を置き換える4.存在しない場合は挿入する5. デー...

Vue での weixin-js-sdk の一般的な使用方法の詳細な説明

リンク: https://qydev.weixin.qq.com/wiki/index.php?ti...

MySQL 8の新機能におけるグローバルパラメータの永続性の詳細な説明

目次序文グローバルパラメータの永続性最後に要約する参考資料:序文2018 年に MySQL 8.0....

Jenkins の紹介と Docker で Jenkins をデプロイする方法

1. 関連概念1.1 Jenkins の概念: Jenkins は、使用されるプラットフォームに関係...

きちんとした標準的なHTMLタグの書き方を学ぶ

優れた HTML コードは美しい Web サイトの基礎となります。私が CSS を教えるときは、まず...

Linux (Ubuntu) での MySQL 5.6.28 のインストールと設定のチュートリアル

mysql5.6.28のインストールと設定方法1. 基本的なシステム情報を確認し、yumでインストー...

ビジュアルデザイナーの成長の3つの段階のまとめ

この本「グラフィックデザイナーとして成長する」は多くの人が読んでおり、私もオリジナルの PDF 版を...

Docker を使用して Redis マスター スレーブ レプリケーション クラスターを構築する

マスタースレーブレプリケーションモードのクラスターでは、通常、1 つのマスターノードと 2 つ以上の...

Vue のローカルコンポーネントの紹介

Vueでは、ローカルコンポーネントを自分で定義(登録)することができます。コンポーネント名を定義する...

CentOS 起動時にカーネルモジュール overlayfs 操作を自動的にロードする

CentOS でカーネル モジュールを自動的にロードするには、/etc/sysconfig/modu...

VirtualBoxにOpenSuseをインストールする方法

仮想マシンはホストマシンにインストールされます。 CPU とメモリはホスト マシンと共有する必要があ...

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

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

Vueはログイン時に画像認証コードを実装します

この記事では、Vueログイン用画像認証コードの具体的なコードを例として紹介します。具体的な内容は以下...