ウェブページでコンテンツを引用するためによく使われる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 をインストールする際の問題

推薦する

相対幅と絶対幅が競合する場合の HTML+CSS div ソリューション

相対幅と絶対幅が競合する場合のdivソリューション概要: 一般的に、絶対幅を使用する場合は px を...

MySQL マルチバージョン同時実行制御 MVCC の基本原理の分析

目次1 トランザクションの同時実行で発生する問題1.1 ダーティリード1.2 繰り返し不可能な読み取...

CSS セレクタのグループ化の簡単な分析

セレクタのグループ化h2 要素と段落の両方を灰色にしたいとします。これを行う最も簡単な方法は、次のス...

ウェブサイトのパフォーマンスを向上させるために画像を最適化する方法

目次概要画像圧縮とはJPEG/JPG JPGの利点JPGの使用シナリオJPGの欠点MozJPEG を...

JavaScript の isPrototypeOf 関数

目次1. isPrototypeOf()例 1、オブジェクト クラス インスタンス:例 2: Hum...

MySQL の自己結合重複排除に関する注意事項

機能シナリオを簡単に説明しましょう。データ行フィールドは次のとおりです。名前開始日時タイプこの表では...

Navicat for MySQLのスケジュールされたデータベースバックアップとデータ復旧の詳細

データベースの変更または削除操作によってデータ エラーが発生したり、データベースがクラッシュしたりす...

基本構造、ドキュメント タイプ、ヘッダー、本文などの一般的な HTML 要素の概要。

1. 基本構造:コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBL...

WeChatアプレットはウォーターフォールフローのページングスクロール読み込みを実装します

この記事では、WeChatアプレットのウォーターフォールフローページングスクロールロードを実装するた...

Docker可視化管理ツールであるDocker UIの使用

1. DockerUIの紹介DockerUI は Docker API をベースとしており、Dock...

crontab でスケジュールされたタスクが実行されない理由の概要

序文最近、仕事でいくつかの問題が発生しました。crontab でスケジュールされたタスクが実行されま...

JavaScript マクロタスクとマイクロタスク

マクロタスクとマイクロタスクJavaScript はシングルスレッド言語です (マルチスレッドの場合...

MySQLの詳細な分析で使用法と結果を説明します

序文日常業務では、実行に時間のかかる SQL ステートメントを記録するために、スロー クエリを実行す...

Ansibleを使用してTomcatをバッチでデプロイする方法

1.1 ディレクトリ構造の構築この操作は、nginx+mysql+tomcat+dbのディレクトリ構...