リンク

メモ：

ハイパーリンクは、Web サイトとコンテンツを接続するために不可欠です。 リンクを作成するには、word または google ドキュメントで「リンクを挿入」オプションを使用します。

すべてのデフォルトコンテンツや様々な書式設定オプションにリンクを追加できます。

Word およびGoogleドキュメントでは、絶対リンクのみを使用できます。通常は、ブラウザーからコピーして貼り付けるほうが簡単です。 外部リンクは絶対リンクのままになるのに対し、リンクはサイトの相対リンクに自動的に変換されます。

多くの場合、リンクは、テキストリンクや参照の後に使用されます。例えば、ページ内でインライン化された埋め込みメディアや参照フラグメントなどです。

例：

ライブ出力を参照

コンテンツ構造：

ドキュメント内のコンテンツを参照

コード：

リンクはデフォルトコンテンツと見なされるので、プロジェクトまたはブロックの CSS コードでスタイル設定されます。 通常、JavaScript コードは使用されません。
テンプレートプロジェクトには、リンクに関連するスタイル設定コードはありません。

特別なメンション：Microsoft Word Online では、画像上のリンクは許可されていません。そのため、回避策として、作成者が画像のすぐ下にリンクを配置し、クライアント側でラップするようにします。

/**
 * Wraps images followed by links within a matching <a> tag.
 * @param {Element} container The container element
 */
function wrapImgsInLinks(container) {
  const pictures = container.querySelectorAll('picture');
  pictures.forEach((pic) => {
    const link = pic.nextElementSibling;
    if (link && link.tagName === 'A' && link.href) {
      link.innerHTML = pic.outerHTML;
      pic.replaceWith(link);
    }
  });
}