HTML の blockquote タグの使用と美化

HTML の blockquote タグの使用と美化

ブロック引用の定義と使用法

<blockquote> タグは引用ブロックを定義します。
<blockquote> と </blockquote> の間のすべてのテキストは通常​​のテキストから分離され、多くの場合、左右にインデントされ (余白が拡大され)、斜体になることもあります。つまり、blockquote には独自のスペースがあります。

HTML と XHTML の間に違いはありません。

ヒントと注意事項:

ヒント: 短い引用をマークするには、q 要素を使用します。

注: ページを厳密な XHTML として検証するには、次のように <blockquote> 要素にブロックレベル要素を含める必要があります。


コードをコピー
コードは次のとおりです。

<引用>
<p>ここには長い引用があります。ここには長い引用があります。</p>
</blockquote>



ヒント: 実行前にコードの一部を変更することができます


ブラウザのステータス:

CSS 引用ブロックの美化効果


皆さんはblockquoteをよくご存知だと思います。Wordでは「テキストボックス」と呼ばれ、実際Webページでもテキストボックスと呼ぶことができます。段落テキストの両端にblockquoteタグを追加すると、テキストが表示され、内部のテキストにはblockquoteの形式が含まれるため、CSSでblockquoteのさまざまなプロパティを定義しておけば、これは良いことだとわかるでしょう。 IE はこの CSS コードの定義の一部をサポートしていないため、Firefox または Chrome で最適な結果が表示されることに注意してください。


ヒント: 実行前にコードの一部を変更することができます

<<:  vue.js ベースの QQ チャット ルーム

>>:  MySQL のテーブルリターンとインデックスカバレッジの例の詳細な説明

推薦する

JConsoler を使って Tomcat の JVM メモリを監視する方法を説明します

目次1. Tomcatを監視する方法2. Java独自の監視コマンド3. Tomcatのトラブルシュ...

構造とプレゼンテーションの分離を理解するためのWeb標準の学習

Web 標準について議論するときに必ず話題になるのは、構造とプレゼンテーションを分離することの重要性...

Linux の検索ツールの代替となるフレンドリーなツール

find コマンドは、指定されたディレクトリ内のファイルを検索するために使用されます。引数の前の文字...

VMware 仮想マシンのインストール Linux システムのグラフィック チュートリアル

この記事では、LinuxシステムのVMwareインストールの具体的な手順を参考までに紹介します。具体...

クリックして展開し、全文を読む機能を実現する純粋なCSS

注記記事表示リストインターフェースを開発する場合、情報の基本的な概要を提供するために記事ヘッダーコン...

MySQL の異なるテーブル間でフィールドをコピーする

場合によっては、フィールドから別の新しいフィールドにデータの列全体をコピーする必要があります。これは...

Linux 継続的インテグレーションで Maven を自動的にインストールする方法

Mavenパッケージを解凍する tar xf apache-maven-3.5.4-bin.tar....

同じ IP のアクセス頻度を制限するように nginx を設定する方法

1. nginx.conf の http{} に次のコードを追加します。 limit_conn_zo...

Web デザインのヒント: ページ レイアウトの簡単なルール

繰り返し: サイト全体で特定のページ デザイン スタイルを繰り返します。繰り返し要素としては、特定の...

MySQLデータベースのマスタースレーブ同期構成と読み取り書き込み分離

MySQL マスター スレーブ レプリケーションを使用する利点は次のとおりです。 1. 安定性を向上...

docker pull imageエラーの問題を解決する

説明する: Windows 10 に VM をインストールし、VM で Docker を実行し、Do...

IIS サーバーから apk ファイルをダウンロードする際の 404 エラーの解決策

最近、IIS をサーバーとして使用すると、apk ファイルがサーバーにアップロードされましたが、ダウ...

Linux CentOS MySQL データベースのインストールと設定のチュートリアル

MySQLデータベースのインストールに関するメモ、みんなで共有a) MySQL ソースインストールパ...

Linuxの簡単な分析でファイアウォールの状態と外部に開いているポートの状態を確認する

1. ファイアウォールの状態を確認するファイアウォールのステータスを確認する systemctl s...