ページにブロック引用を挿入する

ブロック引用を追加してスタイルを設定すると、書籍や記事からの抜粋などの引用を Web サイトで使用できるようになります。

引用 要素を使用すると、コンテンツのコンテキストから強調するために、拡張形式の抜粋を含めて設計できます。引用は通常、出版物やエッセイの抜粋など、外部ソースから取得されます。

ブロック引用を含める

転送するオプションがあります ブロック引用 から 挿入パネル あなたのページまたは ナビゲーター 他のコンポーネントと同様です。

他のテキストベースのコンテンツと同様に、 ブロック引用 編集するには、テキスト引用を挿入します。要素をハイライトして、 入力.

ブロック引用をカスタマイズする

デフォルトでは、 ブロック引用 余白スペースと左の境界線が付いており、引用文を他のテキストと区別するのに役立ちます。

ブロック引用 デザインに合わせて調整できる、定義済みの余白と境界線のスタイルが含まれています。

事前に設定されたスタイルを置き換えたり拡張したりして、希望する外観を実現できます。

重要: アクセシビリティを確保するには、予約が重要です ブロック引用 テキストを引用するためだけに使用し、デザインの装飾的な要素として使用しないでください。このアプローチは、スクリーンリーダーのユーザーが ブロック引用 誤解することなくシームレスに ブロック引用 美的動機のために追加されました。

「すべてのブロック引用」ラベルを活用する

すべてのデフォルトの外観を変更できます ブロック引用 プロジェクト全体を通して すべてのブロック引用タグ:

  1. どれでも選んで ブロック引用
  2. を入力 セレクターフィールド の中に スタイルパネル
  3. 選択する すべてのブロック引用 から HTML タグ メニュー
  4. スタイリングを始める

HTML タグのカスタマイズについて詳しく説明します。

ユアン・マック