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

推薦する

js の Array.forEach でループを終了する方法の例

目次forEach() メソッドjs の Array.forEach のループから抜け出す方法解決:...

Linux の fsevents モジュールによって発生する npm ls エラーの解決方法の詳細な説明

Mac で開発されたプロジェクトがあり、パッケージ npm i がインストールされており、すべて正常...

MySQL InnoDB の重要なコンポーネントの概要

Innodbには以下のコンポーネントが含まれています1. innodb_buffer_pool:これ...

Centos に MYSQL8.X をインストールするチュートリアル

MySQLのインストール(4、5、6は省略可能)ステートメント: CentOS のバージョンは 7....

Nginx ロードバランシング クラスタの実装

(1)実験環境youxi1 192.168.5.101 ロードバランサーyouxi2 192.168...

Docker を使用して MySQL 5.7 および 8.0 マスター スレーブ クラスターをデプロイする方法

> MySQL 5.7 クラスタ マスターとスレーブをデプロイする (テストのみ)イメージバー...

ハイパーリンクを使用してリンクファイルを開く HTML 方式の紹介

a および href 属性 HTML では、英語ではアンカーと呼ばれるハイパーリンクを表すために &...

Element UI を使用してページにページング ナビゲーション バーを追加する方法

必要ページング バーを追加します。これにより、ページにジャンプしたり、ページ番号に従って特定のページ...

MySQLコンテナ間のレプリケーション構成例の詳細な説明

背景先週、会社で MySQL レプリケーションのトレーニングを受けたので、今週末は学んだことを実践す...

JavaScript のスプレッド演算子とレスト演算子の違いの詳細な説明

目次レスト演算子とは何ですか? JavaScript 関数では REST 演算子はどのように機能しま...

Navicat がリモートで SQL Server に接続し、MySQL に変換する詳細な手順

序文最近、プロジェクトで SQL Server を使用するプログラムに遭遇しました。このデータベース...

ZFS とは何か? ZFS を使用する理由とその機能

ZFSの歴史Z ファイル システム (ZFS) は、2001 年に Matthew Ahrens と...

docker と docker-compose による eureka の高可用性の実現の詳細な説明

最近、新しいプロジェクトでは springcloud と docker が使用されています。この 2...

HTML ファイルにフラッシュ ビデオ形式 (flv、swf) ファイルを埋め込む方法

Flash ファイル形式: .FLV および .SWFフラッシュ ビデオ形式には、.flv と .s...