diff --git a/files/ja/web/api/eventtarget/eventtarget/index.md b/files/ja/web/api/eventtarget/eventtarget/index.md
index 19db53f3e038b7..2715a203bfd027 100644
--- a/files/ja/web/api/eventtarget/eventtarget/index.md
+++ b/files/ja/web/api/eventtarget/eventtarget/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`EventTarget()`** コンストラクターは、新しい {{domxref("EventTarget")}} オブジェクトのインスタンスを作成します。
 
-> **メモ:** このコンストラクターを明示的に呼び出すことは、非常にまれです。ほとんどの場合、このコンストラクターは {{domxref("EventTarget")}} から派生したオブジェクトのコンストラクターの中で、 [`super`](/ja/docs/Web/JavaScript/Reference/Operators/super) キーワードによって使用されます。
+> [!NOTE]
+> このコンストラクターを明示的に呼び出すことは、非常にまれです。ほとんどの場合、このコンストラクターは {{domxref("EventTarget")}} から派生したオブジェクトのコンストラクターの中で、 [`super`](/ja/docs/Web/JavaScript/Reference/Operators/super) キーワードによって使用されます。
 
 ## 構文
 
diff --git a/files/ja/web/api/eventtarget/removeeventlistener/index.md b/files/ja/web/api/eventtarget/removeeventlistener/index.md
index 50afc4360dd00a..513812fe888924 100644
--- a/files/ja/web/api/eventtarget/removeeventlistener/index.md
+++ b/files/ja/web/api/eventtarget/removeeventlistener/index.md
@@ -16,7 +16,8 @@ l10n:
 
 [イベントリスナー](/ja/docs/Web/API/EventTarget/addEventListener#イベントリスナーのコールバック)が {{domxref("EventTarget")}} の他のリスナーのイベント処理中に外された場合、イベントによって起動させることはありません。しかし、再接続は可能です。
 
-> **警告:** リスナーが _capture_ フラグを設定したものと設定しないものの 2 つ登録されている場合、それぞれを別々に取り外す必要があります。キャプチャするリスナーを取り外しても、同じリスナーのキャプチャしないバージョンには影響しませんし、その逆も同様です。
+> [!WARNING]
+> リスナーが _capture_ フラグを設定したものと設定しないものの 2 つ登録されている場合、それぞれを別々に取り外す必要があります。キャプチャするリスナーを取り外しても、同じリスナーのキャプチャしないバージョンには影響しませんし、その逆も同様です。
 
 イベントリスナーを取り外すには、 {{domxref("AbortSignal")}} を {{domxref("EventTarget/addEventListener()", "addEventListener()")}} に渡して、後でそのシグナルを所有するコントローラーで {{domxref("AbortController/abort()", "abort()")}} を呼び出して行うことも可能です。
 
diff --git a/files/ja/web/api/extendablecookiechangeevent/extendablecookiechangeevent/index.md b/files/ja/web/api/extendablecookiechangeevent/extendablecookiechangeevent/index.md
index 368bfd935715c8..6134b2fdc54049 100644
--- a/files/ja/web/api/extendablecookiechangeevent/extendablecookiechangeevent/index.md
+++ b/files/ja/web/api/extendablecookiechangeevent/extendablecookiechangeevent/index.md
@@ -9,7 +9,8 @@ l10n:
 
 **`ExtendableCookieChangeEvent()`** コンストラクターは、{{domxref("ServiceWorkerRegistration/cookiechange_event", "ServiceWorkerRegistration.oncookiechange()")}} に渡されるイベント型である新しい {{domxref("ExtendableCookieChangeEvent")}} オブジェクトを生成します。このコンストラクターは、変更イベントが発生するとブラウザーによって呼ばれます。
 
-> **メモ:** このコンストラクターは、通常は製品のウェブサイトでは必要ありません。主な使用法は、このイベントのインスタンスが必要なテストです。
+> [!NOTE]
+> このコンストラクターは、通常は製品のウェブサイトでは必要ありません。主な使用法は、このイベントのインスタンスが必要なテストです。
 
 ## 構文
 
diff --git a/files/ja/web/api/extendablecookiechangeevent/index.md b/files/ja/web/api/extendablecookiechangeevent/index.md
index b6741a8334fe51..6317a9f347d698 100644
--- a/files/ja/web/api/extendablecookiechangeevent/index.md
+++ b/files/ja/web/api/extendablecookiechangeevent/index.md
@@ -15,7 +15,8 @@ l10n:
 - Cookie が新規作成され、すぐに削除されます。この場合の `type` は `"deleted"` です。
 - Cookie が削除されます。この場合の `type` は `"deleted"` です。
 
-> **メモ:** 同じ名前・ドメイン・パスの他の Cookie が挿入されることにより置き換えられる Cookie は無視され、変更イベントを発生させません。
+> [!NOTE]
+> 同じ名前・ドメイン・パスの他の Cookie が挿入されることにより置き換えられる Cookie は無視され、変更イベントを発生させません。
 
 {{InheritanceDiagram}}
 
diff --git a/files/ja/web/api/extendableevent/index.md b/files/ja/web/api/extendableevent/index.md
index 5fbdcd6530be86..798ad93fd3f7e2 100644
--- a/files/ja/web/api/extendableevent/index.md
+++ b/files/ja/web/api/extendableevent/index.md
@@ -11,13 +11,15 @@ l10n:
 
 {{domxref("ExtendableEvent.waitUntil","waitUntil()")}} が `ExtendableEvent` ハンドラーの外で呼び出された場合、ブラウザーは `InvalidStateError` 例外を発生させます。 また、複数の呼び出しが積み重なり、その結果のプロミスが[存続期間延長プロミス](https://w3c.github.io/ServiceWorker/#extendableevent-extend-lifetime-promises)のリストに追加されることにも注意してください。
 
-> **メモ:** 上記の段落で説明した振る舞いは、Firefox 43 で修正されました（[Firefox バグ 1180274](https://bugzil.la/1180274) を参照）。
+> [!NOTE]
+> 上記の段落で説明した振る舞いは、Firefox 43 で修正されました（[Firefox バグ 1180274](https://bugzil.la/1180274) を参照）。
 
 このインターフェイスは、 {{domxref("Event")}} インターフェイスを継承しています。
 
 {{InheritanceDiagram}}
 
-> **メモ:** このインターフェイスは、グローバルスコープが {{domxref("ServiceWorkerGlobalScope")}} の場合にのみ使用できます。 {{domxref("Window")}} または別の種類のワーカーのスコープの場合は使用できません。
+> [!NOTE]
+> このインターフェイスは、グローバルスコープが {{domxref("ServiceWorkerGlobalScope")}} の場合にのみ使用できます。 {{domxref("Window")}} または別の種類のワーカーのスコープの場合は使用できません。
 
 ## コンストラクター
 
@@ -41,7 +43,8 @@ _親である {{domxref("Event")}} からメソッドを継承しています。
 
 コードスニペットは、サービスワーカーが使用するキャッシュのバージョン管理のベストプラクティスも示しています。 この例ではキャッシュは 1 つしかありませんが、同じアプローチを複数のキャッシュに使用できます。 キャッシュの一括指定識別子を特定のバージョン管理されたキャッシュ名にマップします。
 
-> **メモ:** Chrome では、ログ文は、chrome://serviceworker-internals を介してアクセスされる関連サービスワーカーの "Inspect" インターフェイスを介して表示されます。
+> [!NOTE]
+> Chrome では、ログ文は、chrome://serviceworker-internals を介してアクセスされる関連サービスワーカーの "Inspect" インターフェイスを介して表示されます。
 
 ```js
 const CACHE_VERSION = 1;
@@ -82,7 +85,8 @@ self.addEventListener("install", (event) => {
 });
 ```
 
-> **メモ:** リソースをフェッチするとき、リソースが {{glossary("CORS")}} をサポートしていないサーバーから提供される可能性がある場合は、`{mode: 'no-cors'}` を使用することが非常に重要です。 この例では、 [www.chromium.org](https://www.chromium.org/) は CORS をサポートしていません。
+> [!NOTE]
+> リソースをフェッチするとき、リソースが {{glossary("CORS")}} をサポートしていないサーバーから提供される可能性がある場合は、`{mode: 'no-cors'}` を使用することが非常に重要です。 この例では、 [www.chromium.org](https://www.chromium.org/) は CORS をサポートしていません。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/extendableevent/waituntil/index.md b/files/ja/web/api/extendableevent/waituntil/index.md
index c30ce94940b87a..258a19599abe00 100644
--- a/files/ja/web/api/extendableevent/waituntil/index.md
+++ b/files/ja/web/api/extendableevent/waituntil/index.md
@@ -15,7 +15,8 @@ l10n:
 
 `waitUntil()` メソッドは、最初はイベントコールバック内で呼び出す必要がありますが、その後、すべてのプロミスが解決するまで、複数回呼び出すことができます。
 
-> **メモ:** 上記の段落で説明した動作は、 Firefox 43 で修正されました（[Firefox バグ 1180274](https://bugzil.la/1180274) を参照）。
+> [!NOTE]
+> 上記の段落で説明した動作は、 Firefox 43 で修正されました（[Firefox バグ 1180274](https://bugzil.la/1180274) を参照）。
 
 ## 構文
 
diff --git a/files/ja/web/api/fenced_frame_api/index.md b/files/ja/web/api/fenced_frame_api/index.md
index 6a6d0c1dbb608a..0689fca7c4ab05 100644
--- a/files/ja/web/api/fenced_frame_api/index.md
+++ b/files/ja/web/api/fenced_frame_api/index.md
@@ -121,7 +121,8 @@ Supports-Loading-Mode: fenced-frame
 
 {{domxref("Navigator.runAdAuction()")}} などの {{domxref("FencedFrameConfig")}} を作成する一部の API 機能（[Protected Audience API](https://developer.chrome.com/docs/privacy-sandbox/fledge/)）や {{domxref("WindowSharedStorage. selectURL()")}} （[共有ストレージ API](/ja/docs/Web/API/Shared_Storage_API)）、他にも {{domxref("Fence.reportEvent()")}} のような機能は、[プライバシーサンドボックス登録プロセス](/ja/docs/Web/Privacy/Privacy_sandbox/Enrollment)にウェブサイトを登録するよう要求されます。これを行わないと、 API 呼び出しはコンソールの警告とともに失敗します。
 
-> **メモ:** Chrome では、登録しなくてもフレームコードをローカルでテストすることができます。ローカルテストを許可するには、以下の Chrome 開発者フラグを有効にしてください。
+> [!NOTE]
+> Chrome では、登録しなくてもフレームコードをローカルでテストすることができます。ローカルテストを許可するには、以下の Chrome 開発者フラグを有効にしてください。
 >
 > `chrome://flags/#privacy-sandbox-enrollment-overrides`
 
diff --git a/files/ja/web/api/file_system_api/index.md b/files/ja/web/api/file_system_api/index.md
index 097bba830c50fd..5dc2eb139d119d 100644
--- a/files/ja/web/api/file_system_api/index.md
+++ b/files/ja/web/api/file_system_api/index.md
@@ -24,7 +24,8 @@ l10n:
 
 それぞれのハンドルが自身の機能を提供し、どっちを使っているかによって少し違いがあります（詳細は、[インターフェイス](#%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%95%E3%82%A7%E3%82%A4%E3%82%B9)の節を参照してください）。ファイルのデータや、選択されたディレクトリーの情報（子を含む）にアクセスできます。この API により、ウェブに欠けていた潜在的な機能への道が開きます。それでも、セキュリティは API の設計時に最大限考慮するべきことであり、ファイルやディレクトリーのデータへのアクセスはユーザーが特に許可しない限り禁止されています（これは、ユーザーから見えない[オリジンプライベートファイルシステム](#オリジンプライベートファイルシステム)の場合とは異なります）。
 
-> **メモ:** API の機能を使う際に投げられる可能性がある例外は、仕様書での定義に沿って関連するページに一覧が載っています。しかし、 API と下層のオペレーティングシステムの相互作用により、状況はより複雑になります。[仕様書でエラーの対応関係を一覧にする](https://github.com/whatwg/fs/issues/57)ための提案がなされており、ここに有用な関連情報があります。
+> [!NOTE]
+> API の機能を使う際に投げられる可能性がある例外は、仕様書での定義に沿って関連するページに一覧が載っています。しかし、 API と下層のオペレーティングシステムの相互作用により、状況はより複雑になります。[仕様書でエラーの対応関係を一覧にする](https://github.com/whatwg/fs/issues/57)ための提案がなされており、ここに有用な関連情報があります。
 
 > **メモ:** {{domxref("FileSystemHandle")}} をベースとするオブジェクトは、{{domxref("IndexedDB API", "IndexedDB", "", "nocode")}} のデータベースのインスタンスにシリアライズしたり、{{domxref("window.postMessage", "postMessage()")}} を介して転送したりできます。
 
@@ -210,7 +211,8 @@ onmessage = async (e) => {
 };
 ```
 
-> **メモ:** 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}、{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}、{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}、{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は人間工学に反して非同期メソッドとされていました。これは現在では[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
+> [!NOTE]
+> 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}、{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}、{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}、{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は人間工学に反して非同期メソッドとされていました。これは現在では[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/file_system_api/origin_private_file_system/index.md b/files/ja/web/api/file_system_api/origin_private_file_system/index.md
index 3dd5c0db8ad9fe..8739c85f68eaca 100644
--- a/files/ja/web/api/file_system_api/origin_private_file_system/index.md
+++ b/files/ja/web/api/file_system_api/origin_private_file_system/index.md
@@ -41,7 +41,8 @@ OPFS がユーザーから見えるファイルシステムと異なる点をま
 
 メインスレッドから OPFS にアクセスする場合は、非同期の {{jsxref("Promise")}} ベースの API を使用します。ファイル（{{domxref("FileSystemFileHandle")}}）とディレクトリー（{{domxref("FileSystemDirectoryHandle")}}）のハンドルにアクセスするには、 {{domxref("FileSystemDirectoryHandle.getFileHandle()")}} と {{domxref("FileSystemDirectoryHandle.getDirectoryHandle()")}} をそれぞれ、 OPFS ルート（および作成された子ディレクトリー）を表す {{domxref("FileSystemDirectoryHandle")}} オブジェクト上で呼び出します。
 
-> **メモ:** 上記のメソッドに `{ create: true }` を渡すと、ファイルやフォルダー内が存在しない場合に作成されます。
+> [!NOTE]
+> 上記のメソッドに `{ create: true }` を渡すと、ファイルやフォルダー内が存在しない場合に作成されます。
 
 ```js
 // ファイルとフォルダー内の階層を作成
@@ -122,7 +123,8 @@ for await (let name of directoryHandle.keys()) {
 
 同期的にファイルにアクセスするには、 {{domxref("FileSystemFileHandle.createSyncAccessHandle()")}} を通常の {{domxref("FileSystemFileHandle")}} に対して呼び出します。
 
-> **メモ:** 名前に "Sync" とあるにもかかわらず、`createSyncAccessHandle()` メソッド自体は非同期です。
+> [!NOTE]
+> 名前に "Sync" とあるにもかかわらず、`createSyncAccessHandle()` メソッド自体は非同期です。
 
 ```js
 const opfsRoot = await navigator.storage.getDirectory();
diff --git a/files/ja/web/api/filelist/index.md b/files/ja/web/api/filelist/index.md
index 46643d12898406..ef6413a6b42cc7 100644
--- a/files/ja/web/api/filelist/index.md
+++ b/files/ja/web/api/filelist/index.md
@@ -7,7 +7,8 @@ slug: Web/API/FileList
 
 この型のオブジェクトは、 HTML の {{HTMLElement("input")}} 要素の `files` プロパティで返されます。これにより、 `<input type="file">` 要素で選択されているファイルのリストにアクセスすることができます。また、ドラッグ＆ドロップ API を使用している場合は、ウェブコンテンツにドロップされたファイルのリストにも使用されます。使用方法の詳細は [`DataTransfer`](/ja/docs/Web/API/DataTransfer) オブジェクトを見てください。
 
-> **メモ:** Gecko 1.9.2 より前は、input 要素は一度に 1 つのファイルだけ選択することができます。すなわち、 FileList に入るファイルは 1 つだけです。 Gecko 1.9.2 から、 input 要素の multiple 属性が true の場合、 FileList に複数のファイルが入ります。
+> [!NOTE]
+> Gecko 1.9.2 より前は、input 要素は一度に 1 つのファイルだけ選択することができます。すなわち、 FileList に入るファイルは 1 つだけです。 Gecko 1.9.2 から、 input 要素の multiple 属性が true の場合、 FileList に複数のファイルが入ります。
 
 ## ファイルリストの使用
 
diff --git a/files/ja/web/api/filereader/readasdataurl/index.md b/files/ja/web/api/filereader/readasdataurl/index.md
index 822963c0a19fb5..a093e4fb54e706 100644
--- a/files/ja/web/api/filereader/readasdataurl/index.md
+++ b/files/ja/web/api/filereader/readasdataurl/index.md
@@ -9,7 +9,8 @@ l10n:
 
 `readAsDataURL` メソッドは、指定された{{domxref("Blob")}} または {{domxref("File")}} の内容を読み込むために使用されます。読み込み操作が終了すると、{{domxref("FileReader.readyState", "readyState")}} が `DONE` となり、{{domxref("FileReader/loadend_event", "loadend")}} が発生します。このとき、{{domxref("FileReader.result", "result")}} 属性には、ファイルのデータを表す、base64 エンコーディングされた [data: URL](/ja/docs/Web/HTTP/Basics_of_HTTP/Data_URLs) の文字列が格納されます。
 
-> **メモ:** blob の {{domxref("FileReader.result","result")}} は、先に Base64 でエンコードされたデータの前にある Data-URL の宣言を削除しておかないと、直接 Base64 としてデコードすることができません。 Base64 でエンコードされた文字列のみを受け取る場合は、先に結果から `data:*/*;base64,` を削除しておく必要があります。
+> [!NOTE]
+> blob の {{domxref("FileReader.result","result")}} は、先に Base64 でエンコードされたデータの前にある Data-URL の宣言を削除しておかないと、直接 Base64 としてデコードすることができません。 Base64 でエンコードされた文字列のみを受け取る場合は、先に結果から `data:*/*;base64,` を削除しておく必要があります。
 
 ## 構文
 
@@ -105,7 +106,8 @@ function previewFiles() {
 }
 ```
 
-> **メモ:** Internet Explorer 10 以前では [`FileReader()`](/ja/docs/Web/API/FileReader) コンストラクターに対応していません。十分な互換性が必要とされるときは、[画像プレビューのクロスブラウザー対応ソリューション](https://mdn.dev/archives/media/attachments/2012/07/09/3699/2c8cb1e94f0ee05b22c1c30a3790c70d/crossbrowser_image_preview.html)または[もっと強力な例](https://mdn.dev/archives/media/attachments/2012/07/09/3698/391aef19653595a663cc601c42a67116/image_upload_preview.html)を参照してください。
+> [!NOTE]
+> Internet Explorer 10 以前では [`FileReader()`](/ja/docs/Web/API/FileReader) コンストラクターに対応していません。十分な互換性が必要とされるときは、[画像プレビューのクロスブラウザー対応ソリューション](https://mdn.dev/archives/media/attachments/2012/07/09/3699/2c8cb1e94f0ee05b22c1c30a3790c70d/crossbrowser_image_preview.html)または[もっと強力な例](https://mdn.dev/archives/media/attachments/2012/07/09/3698/391aef19653595a663cc601c42a67116/image_upload_preview.html)を参照してください。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/filereader/readastext/index.md b/files/ja/web/api/filereader/readastext/index.md
index bbdcef380e5a1a..4e8c39a91f77d3 100644
--- a/files/ja/web/api/filereader/readastext/index.md
+++ b/files/ja/web/api/filereader/readastext/index.md
@@ -11,7 +11,8 @@ l10n:
 
 > **メモ:** {{domxref("Blob.text()")}} メソッドは、ファイルをテキストとして読み取るための新しいプロミスベースの API です。
 
-> **メモ:** このメソッドは、ファイルの内容全体をメモリーに読み込みますので、巨大なファイルには適していません。巨大なファイルには [`readAsArrayBuffer()`](/ja/docs/Web/API/FileReader/readAsArrayBuffer) の方が適しています。
+> [!NOTE]
+> このメソッドは、ファイルの内容全体をメモリーに読み込みますので、巨大なファイルには適していません。巨大なファイルには [`readAsArrayBuffer()`](/ja/docs/Web/API/FileReader/readAsArrayBuffer) の方が適しています。
 
 ## 構文
 
diff --git a/files/ja/web/api/filereadersync/filereadersync/index.md b/files/ja/web/api/filereadersync/filereadersync/index.md
index 5820968e8f766c..bc23eab460de78 100644
--- a/files/ja/web/api/filereadersync/filereadersync/index.md
+++ b/files/ja/web/api/filereadersync/filereadersync/index.md
@@ -31,7 +31,8 @@ function readFile(blob) {
 }
 ```
 
-> **メモ:** このスニペットは {{domxref("Worker")}} の中で使用しなければなりません。同期インターフェイスはメインスレッドでは使用することができないからです。
+> [!NOTE]
+> このスニペットは {{domxref("Worker")}} の中で使用しなければなりません。同期インターフェイスはメインスレッドでは使用することができないからです。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/filereadersync/index.md b/files/ja/web/api/filereadersync/index.md
index 85d3bcb9a936b8..27be387308598b 100644
--- a/files/ja/web/api/filereadersync/index.md
+++ b/files/ja/web/api/filereadersync/index.md
@@ -11,7 +11,8 @@ l10n:
 
 {{AvailableInWorkers}}
 
-> **警告:** このインターフェイスは、ブロックが発生する可能性がある同期 I/O を使用するため、[ワーカー](/ja/docs/Web/API/Worker)**でのみ**利用できます。
+> [!WARNING]
+> このインターフェイスは、ブロックが発生する可能性がある同期 I/O を使用するため、[ワーカー](/ja/docs/Web/API/Worker)**でのみ**利用できます。
 
 ## コンストラクター
 
diff --git a/files/ja/web/api/filereadersync/readasbinarystring/index.md b/files/ja/web/api/filereadersync/readasbinarystring/index.md
index e827e1e78deb8f..243618eab59bbd 100644
--- a/files/ja/web/api/filereadersync/readasbinarystring/index.md
+++ b/files/ja/web/api/filereadersync/readasbinarystring/index.md
@@ -8,7 +8,8 @@ l10n:
 
 {{APIRef("File API")}}{{deprecated_header}}
 
-> **メモ:** このメソッドは非推奨であり、 {{DOMxRef("FileReaderSync.readAsArrayBuffer","readAsArrayBuffer()")}} に取って代わられました。
+> [!NOTE]
+> このメソッドは非推奨であり、 {{DOMxRef("FileReaderSync.readAsArrayBuffer","readAsArrayBuffer()")}} に取って代わられました。
 
 `readAsBinaryString()` は {{DOMxRef("FileReaderSync")}} インターフェイスのメソッドで、 {{DOMxRef("File")}} または {{DOMxRef("Blob")}} オブジェクトを同期的に文字列に読み込むことを可能にします。このインターフェイスは、ブロックが発生する可能性のある同期 I/O を可能にするため、[ワーカー](/ja/docs/Web/API/Worker)で[のみ利用可能](/ja/docs/Web/API/Web_Workers_API/Functions_and_classes_available_to_workers)です。
 
diff --git a/files/ja/web/api/filesystemfilehandle/index.md b/files/ja/web/api/filesystemfilehandle/index.md
index 7122037b70b69f..338e5ec83100b8 100644
--- a/files/ja/web/api/filesystemfilehandle/index.md
+++ b/files/ja/web/api/filesystemfilehandle/index.md
@@ -115,7 +115,8 @@ onmessage = async (e) => {
 };
 ```
 
-> **メモ:** 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期メソッドとされていました。これは現在では[修正されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
+> [!NOTE]
+> 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期メソッドとされていました。これは現在では[修正されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/filesystemsync/index.md b/files/ja/web/api/filesystemsync/index.md
index 606d2165e9cdb9..5f40eac276cf9b 100644
--- a/files/ja/web/api/filesystemsync/index.md
+++ b/files/ja/web/api/filesystemsync/index.md
@@ -9,7 +9,8 @@ l10n:
 
 [ファイルおよびディレクトリー項目 API](/ja/docs/Web/API/File_and_Directory_Entries_API/Introduction) では、 `FileSystemSync` オブジェクトはファイルシステムを表します。 2 つのプロパティがあります。
 
-> **メモ:** このインターフェイスは非推奨で、標準路線ではなくなりました。
+> [!NOTE]
+> このインターフェイスは非推奨で、標準路線ではなくなりました。
 > _もう使用しないでください。_ 代わりに[ファイルおよびディレクトリー項目 API](/ja/docs/Web/API/File_and_Directory_Entries_API)を使用してください。
 
 ## 基本コンセプト
diff --git a/files/ja/web/api/filesystemsyncaccesshandle/close/index.md b/files/ja/web/api/filesystemsyncaccesshandle/close/index.md
index 70e24bedd55d98..30a49f57a7975d 100644
--- a/files/ja/web/api/filesystemsyncaccesshandle/close/index.md
+++ b/files/ja/web/api/filesystemsyncaccesshandle/close/index.md
@@ -67,7 +67,8 @@ onmessage = async (e) => {
 };
 ```
 
-> **メモ:** 仕様書の以前のバージョンでは、`close()`・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期メソッドとされていました。これは現在では[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
+> [!NOTE]
+> 仕様書の以前のバージョンでは、`close()`・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期メソッドとされていました。これは現在では[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/filesystemsyncaccesshandle/flush/index.md b/files/ja/web/api/filesystemsyncaccesshandle/flush/index.md
index 929738f2b12f3d..4a4e5bf153fa56 100644
--- a/files/ja/web/api/filesystemsyncaccesshandle/flush/index.md
+++ b/files/ja/web/api/filesystemsyncaccesshandle/flush/index.md
@@ -69,7 +69,8 @@ onmessage = async (e) => {
 };
 ```
 
-> **メモ:** 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・`flush()`・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期メソッドとされていました。これは現在では[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
+> [!NOTE]
+> 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・`flush()`・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期メソッドとされていました。これは現在では[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/filesystemsyncaccesshandle/getsize/index.md b/files/ja/web/api/filesystemsyncaccesshandle/getsize/index.md
index be061144731065..3737e9bfaa355a 100644
--- a/files/ja/web/api/filesystemsyncaccesshandle/getsize/index.md
+++ b/files/ja/web/api/filesystemsyncaccesshandle/getsize/index.md
@@ -68,7 +68,8 @@ onmessage = async (e) => {
 };
 ```
 
-> **メモ:** 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・`getSize()`・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期メソッドとされていました。これは現在は[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
+> [!NOTE]
+> 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・`getSize()`・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期メソッドとされていました。これは現在は[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/filesystemsyncaccesshandle/index.md b/files/ja/web/api/filesystemsyncaccesshandle/index.md
index 15a8956ba31eb0..0cd456ff3d7534 100644
--- a/files/ja/web/api/filesystemsyncaccesshandle/index.md
+++ b/files/ja/web/api/filesystemsyncaccesshandle/index.md
@@ -74,7 +74,8 @@ onmessage = async (e) => {
 };
 ```
 
-> **メモ:** 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期のメソッドとされていました。これは現在は[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
+> [!NOTE]
+> 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期のメソッドとされていました。これは現在は[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/filesystemsyncaccesshandle/read/index.md b/files/ja/web/api/filesystemsyncaccesshandle/read/index.md
index 03e1b393bf4e3c..4887f14544a2f6 100644
--- a/files/ja/web/api/filesystemsyncaccesshandle/read/index.md
+++ b/files/ja/web/api/filesystemsyncaccesshandle/read/index.md
@@ -75,7 +75,8 @@ onmessage = async (e) => {
 };
 ```
 
-> **メモ:** 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期のメソッドとされていました。これは現在では[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
+> [!NOTE]
+> 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期のメソッドとされていました。これは現在では[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/filesystemsyncaccesshandle/truncate/index.md b/files/ja/web/api/filesystemsyncaccesshandle/truncate/index.md
index 48162648e94a35..c261b35e7e67c3 100644
--- a/files/ja/web/api/filesystemsyncaccesshandle/truncate/index.md
+++ b/files/ja/web/api/filesystemsyncaccesshandle/truncate/index.md
@@ -52,7 +52,8 @@ async function truncateFile() {
 }
 ```
 
-> **メモ:** 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・`truncate()` は誤って非同期のメソッドとされていました。これは現在では[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
+> [!NOTE]
+> 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・`truncate()` は誤って非同期のメソッドとされていました。これは現在では[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/filesystemsyncaccesshandle/write/index.md b/files/ja/web/api/filesystemsyncaccesshandle/write/index.md
index 4e3f1c85bc3df9..da5a3a8bae444c 100644
--- a/files/ja/web/api/filesystemsyncaccesshandle/write/index.md
+++ b/files/ja/web/api/filesystemsyncaccesshandle/write/index.md
@@ -75,7 +75,8 @@ onmessage = async (e) => {
 };
 ```
 
-> **メモ:** 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期のメソッドとされていました。これは現在は[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
+> [!NOTE]
+> 仕様書の以前のバージョンでは、{{domxref("FileSystemSyncAccessHandle.close()", "close()")}}・{{domxref("FileSystemSyncAccessHandle.flush()", "flush()")}}・{{domxref("FileSystemSyncAccessHandle.getSize()", "getSize()")}}・{{domxref("FileSystemSyncAccessHandle.truncate()", "truncate()")}} は誤って非同期のメソッドとされていました。これは現在は[変更されています](https://github.com/whatwg/fs/issues/7)が、まだ非同期バージョンをサポートしているブラウザーもあります。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/fontfaceset/check/index.md b/files/ja/web/api/fontfaceset/check/index.md
index 282603f1dca7d1..fb1da13bdab390 100644
--- a/files/ja/web/api/fontfaceset/check/index.md
+++ b/files/ja/web/api/fontfaceset/check/index.md
@@ -77,7 +77,8 @@ console.log(document.fonts.check("12px i-dont-exist"));
 // true: 一致するフォントは存在しないフォント
 ```
 
-> **メモ:** この状況で Chrome は不正に `false` を返します。これは攻撃者がブラウザーがどのシステムフォントを保有しているかを簡単にテストできるため、[フィンガープリンティング](/ja/docs/Glossary/Fingerprinting)を容易にする可能性があるためです。
+> [!NOTE]
+> この状況で Chrome は不正に `false` を返します。これは攻撃者がブラウザーがどのシステムフォントを保有しているかを簡単にテストできるため、[フィンガープリンティング](/ja/docs/Glossary/Fingerprinting)を容易にする可能性があるためです。
 
 ### システムフォントと読み込まれていないフォント
 
diff --git a/files/ja/web/api/formdata/append/index.md b/files/ja/web/api/formdata/append/index.md
index 69d4ea1fa8106f..1f307a4a08509f 100644
--- a/files/ja/web/api/formdata/append/index.md
+++ b/files/ja/web/api/formdata/append/index.md
@@ -12,7 +12,8 @@ l10n:
 
 {{domxref("FormData.set", "set()")}} と `append()` の違いは、指定されたキーが既に存在する場合、`set()` は既存のすべての値を新しい値で上書きすることです。 一方、`append()` は、既存の値のセットの最後に新しい値を追加します。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/formdata/delete/index.md b/files/ja/web/api/formdata/delete/index.md
index 16fbbf2567409b..84ade8b4ed6ecb 100644
--- a/files/ja/web/api/formdata/delete/index.md
+++ b/files/ja/web/api/formdata/delete/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`delete()`** は {{domxref("FormData")}} インターフェイスのメソッドで、`FormData` オブジェクトからキーとその値を削除します。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/formdata/entries/index.md b/files/ja/web/api/formdata/entries/index.md
index 8eebd97aca0c31..e75a8c4e3cf595 100644
--- a/files/ja/web/api/formdata/entries/index.md
+++ b/files/ja/web/api/formdata/entries/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`FormData.entries()`** メソッドは、この {{domxref("FormData")}} に含まれているすべてのキー/値のペアを走査する[イテレーター](/ja/docs/Web/JavaScript/Reference/Iteration_protocols)を返します。それぞれのペアのキーは文字列オブジェクトで、値は文字列または {{domxref("Blob")}} のどちらかです。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/formdata/formdata/index.md b/files/ja/web/api/formdata/formdata/index.md
index 3873d1ac0d4e8b..03249210933bc3 100644
--- a/files/ja/web/api/formdata/formdata/index.md
+++ b/files/ja/web/api/formdata/formdata/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`FormData()`** コンストラクターは、新しい {{domxref("FormData")}} オブジェクトを生成します。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
@@ -54,7 +55,8 @@ formData.append("username", "Chris");
 
 オプションで `form` と `submitter` を指定すると、`FormData` オブジェクトを作成する際に、指定したフォームの値を事前入力することができます。
 
-> **メモ:** FormData オブジェクトに含まれるのは、正常なフォームコントロールのみです。つまり、名前を持ち、無効状態でないものです。
+> [!NOTE]
+> FormData オブジェクトに含まれるのは、正常なフォームコントロールのみです。つまり、名前を持ち、無効状態でないものです。
 
 #### HTML
 
diff --git a/files/ja/web/api/formdata/get/index.md b/files/ja/web/api/formdata/get/index.md
index 3786b46cfc209f..83d3c3e1604a29 100644
--- a/files/ja/web/api/formdata/get/index.md
+++ b/files/ja/web/api/formdata/get/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`get()`** は {{domxref("FormData")}} インターフェイスのメソッドで、`FormData` オブジェクトの中から、指定されたキーに関連付けられた最初の値を返します。複数の値を期待し、すべてが欲しい場合は、代わりに {{domxref("FormData.getAll()","getAll()")}} メソッドを使用してください。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/formdata/getall/index.md b/files/ja/web/api/formdata/getall/index.md
index 76a9d70a4664c5..b9bb2e663267d3 100644
--- a/files/ja/web/api/formdata/getall/index.md
+++ b/files/ja/web/api/formdata/getall/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`getAll()`** は {{domxref("FormData")}} インターフェイスのメソッドで、`FormData` オブジェクト内から指定されたキーに関連付けられたすべての値を返します。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/formdata/has/index.md b/files/ja/web/api/formdata/has/index.md
index e47e65dfa8bedc..1598154d2d421d 100644
--- a/files/ja/web/api/formdata/has/index.md
+++ b/files/ja/web/api/formdata/has/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`has()`** は {{domxref("FormData")}} インターフェイスのメソッドで、`FormData` オブジェクトに指定されたキーがあるかどうかを返します。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/formdata/index.md b/files/ja/web/api/formdata/index.md
index 9f0c312c1a867d..6ae635c9454c94 100644
--- a/files/ja/web/api/formdata/index.md
+++ b/files/ja/web/api/formdata/index.md
@@ -13,7 +13,8 @@ l10n:
 
 `FormData` を実装したオブジェクトは、{{domxref('FormData.entries()', 'entries()')}} の代わりに {{jsxref("Statements/for...of", "for...of")}} 構造の内部で直接使用できます。`for (const p of myFormData)` は `for (const p of myFormData.entries())` と等価です。
 
-> **メモ:** この機能は[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> この機能は[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## コンストラクタ
 
diff --git a/files/ja/web/api/formdata/keys/index.md b/files/ja/web/api/formdata/keys/index.md
index 10e67175eceec3..9e2985f6b797fd 100644
--- a/files/ja/web/api/formdata/keys/index.md
+++ b/files/ja/web/api/formdata/keys/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`FormData.keys()`** メソッドは、この {{domxref("FormData")}} に含まれるすべてのキーを走査する[イテレーター](/ja/docs/Web/JavaScript/Reference/Iteration_protocols)を返します。キーは文字列です。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/formdata/set/index.md b/files/ja/web/api/formdata/set/index.md
index 20ac0dd2c5611e..6ba0f1967a1ff9 100644
--- a/files/ja/web/api/formdata/set/index.md
+++ b/files/ja/web/api/formdata/set/index.md
@@ -12,7 +12,8 @@ l10n:
 
 `set()` と {{domxref("FormData.append", "append()")}} の違いは、指定されたキーが既に存在した場合、`set()` は既存のすべての値を新しい値で上書きすることです。 一方、`append()` は、既存の値のセットの末尾に新しい値を追加します。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/formdata/values/index.md b/files/ja/web/api/formdata/values/index.md
index 989eef9fd9dd85..9dff2d1d49ebf1 100644
--- a/files/ja/web/api/formdata/values/index.md
+++ b/files/ja/web/api/formdata/values/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`FormData.values()`** メソッドは、この {{domxref("FormData")}} に含まれるすべての値を走査する[イテレーター](/ja/docs/Web/JavaScript/Reference/Iteration_protocols)を返します。値は文字列または {{domxref("Blob")}} オブジェクトです。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/fullscreen_api/guide/index.md b/files/ja/web/api/fullscreen_api/guide/index.md
index 1d8b7e488a1715..04ead5db64a4f6 100644
--- a/files/ja/web/api/fullscreen_api/guide/index.md
+++ b/files/ja/web/api/fullscreen_api/guide/index.md
@@ -54,7 +54,8 @@ if (elem.requestFullscreen) {
 
 全画面モードに切り替わることは保証されていません。例えば、{{HTMLElement("iframe")}} 要素には全画面モードでコンテンツを表示することを許可するための[`allowfullscreen`](/ja/docs/Web/HTML/Element/iframe#allowfullscreen) 属性があります。また、ウィンドウ形式のプラグインなど、特定の種類の中身は全画面モードで表示することができません。全画面表示できない要素（またはその親や子孫）を全画面表示にしようとしても、これはうまくいきません。その代わりに、全画面表示をリクエストされた要素は `mozfullscreenerror` イベントを受け取ります。全画面表示に失敗した場合、 Firefox はウェブコンソールにエラーメッセージをログ出力し、なぜ失敗したのかを説明します。しかし、 Chrome や Opera の新しいバージョンでは、そのような警告は生成されません。
 
-> **メモ:** 全画面リクエストは、イベントハンドラー内で呼び出す必要があり、そうでない場合は拒否されます。
+> [!NOTE]
+> 全画面リクエストは、イベントハンドラー内で呼び出す必要があり、そうでない場合は拒否されます。
 
 ## 全画面モードからの脱出
 
diff --git a/files/ja/web/api/fullscreen_api/index.md b/files/ja/web/api/fullscreen_api/index.md
index b5f915881fb9c4..3852b1c7d4a8fe 100644
--- a/files/ja/web/api/fullscreen_api/index.md
+++ b/files/ja/web/api/fullscreen_api/index.md
@@ -11,7 +11,8 @@ l10n:
 
 API の使い方についての詳細は、 [全画面 API ガイド](/ja/docs/Web/API/Fullscreen_API/Guide)をご覧ください。
 
-> **メモ:** この API の対応はブラウザーによって、ベンダー接頭辞が必要かどうか、最新の仕様を実装しているかどうかがいくらか異なっています。この API の実装状況の詳細は、[ブラウザーの互換性](#ブラウザーの互換性)の節を参照してください。ベンダーに依存せずに全画面 API にアクセスできる [Fscreen](https://github.com/rafgraph/fscreen) のようなライブラリーのー使用を検討したほうが良いかもしれません。
+> [!NOTE]
+> この API の対応はブラウザーによって、ベンダー接頭辞が必要かどうか、最新の仕様を実装しているかどうかがいくらか異なっています。この API の実装状況の詳細は、[ブラウザーの互換性](#ブラウザーの互換性)の節を参照してください。ベンダーに依存せずに全画面 API にアクセスできる [Fscreen](https://github.com/rafgraph/fscreen) のようなライブラリーのー使用を検討したほうが良いかもしれません。
 
 ## インターフェイス
 
@@ -46,7 +47,8 @@ _{{DOMxRef("Document")}} インターフェイスはこのインターフェイ
 
   - : 論理値で、文書に現在全画面モードで表示されている要素があるのであれば `true`、 それ以外は `false` を返します。
 
-    > **メモ:** 代わりに {{DOMxRef("Document")}} または {{DOMxRef("ShadowRoot")}} の {{DOMxRef("Document.fullscreenElement", "fullscreenElement")}} プロパティを使用してください。これが `null` ではない場合、現在全画面モードで表示されている {{DOMxRef("Element")}} を表します。
+    > [!NOTE]
+    > 代わりに {{DOMxRef("Document")}} または {{DOMxRef("ShadowRoot")}} の {{DOMxRef("Document.fullscreenElement", "fullscreenElement")}} プロパティを使用してください。これが `null` ではない場合、現在全画面モードで表示されている {{DOMxRef("Element")}} を表します。
 
 ## イベント
 
@@ -65,7 +67,8 @@ _全画面 API は 2 つのイベントを定義しており、全画面モー
 
 ユーザーは全画面モードを解除するのを、サイトやアプリがプログラム的に行うのを待つのではなく、 <kbd>ESC</kbd> または <kbd>F11</kbd> キーを押すことで抜けることを選択することができます。ユーザーインターフェイスの中で、これができることをユーザーに知らせるための適切なユーザーインターフェイス要素を、ユーザーインターフェイスのどこかで提供することを忘れないでください。
 
-> **メモ:** 全画面モードであるときに別のページへ移動する、タブを切り替える、あるいは別のアプリケーションに切り替える (例えば <kbd>Alt</kbd>-<kbd>Tab</kbd> を使用) と、同様に全画面モードを解除します。
+> [!NOTE]
+> 全画面モードであるときに別のページへ移動する、タブを切り替える、あるいは別のアプリケーションに切り替える (例えば <kbd>Alt</kbd>-<kbd>Tab</kbd> を使用) と、同様に全画面モードを解除します。
 
 ## 例
 
diff --git a/files/ja/web/api/gainnode/gain/index.md b/files/ja/web/api/gainnode/gain/index.md
index 279017cee39bdf..89d1aa2cbea787 100644
--- a/files/ja/web/api/gainnode/gain/index.md
+++ b/files/ja/web/api/gainnode/gain/index.md
@@ -14,7 +14,8 @@ l10n:
 
 {{domxref("AudioParam")}} です。
 
-> **メモ:** 返される `AudioParam` は読み取り専用ですが、それが表す値は読み取り専用ではありません。
+> [!NOTE]
+> 返される `AudioParam` は読み取り専用ですが、それが表す値は読み取り専用ではありません。
 
 ## 例
 
diff --git a/files/ja/web/api/gamepad/displayid/index.md b/files/ja/web/api/gamepad/displayid/index.md
index b5d07f907a293e..422641e55a284f 100644
--- a/files/ja/web/api/gamepad/displayid/index.md
+++ b/files/ja/web/api/gamepad/displayid/index.md
@@ -12,7 +12,8 @@ l10n:
 
 ゲームパッドは、ディスプレイのポーズと同じ空間にあるポーズを報告すると、 {{domxref("VRDisplay")}} と関連していると見なされます。{{domxref("VRDisplay.getPose")}} を参照してください。
 
-> **メモ:** このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/#gamepad-getvrdisplays-attribute) に含まれていました。 [WebXR Gamepads Module](https://immersive-web.github.io/webxr-gamepads-module/) に取って代わられました。
+> [!NOTE]
+> このプロパティは、古い [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/#gamepad-getvrdisplays-attribute) に含まれていました。 [WebXR Gamepads Module](https://immersive-web.github.io/webxr-gamepads-module/) に取って代わられました。
 >
 > このプロパティを直接置き換えるものはありません。 {{domxref("XRInputSource")}} に関連付けられた {{domxref("Gamepad")}} オブジェクトは、 {{domxref("XRInputSource.gamepad")}} プロパティを使用して取得することができます。
 
diff --git a/files/ja/web/api/gamepad/timestamp/index.md b/files/ja/web/api/gamepad/timestamp/index.md
index ac7624fac40a82..6e8dd289dc905e 100644
--- a/files/ja/web/api/gamepad/timestamp/index.md
+++ b/files/ja/web/api/gamepad/timestamp/index.md
@@ -12,7 +12,8 @@ l10n:
 
 このプロパティの背景にある考え方は、ハードウェアにより `axes` や `button` のデータが更新されたかどうかを開発者が判断できるようにすることです。このプロパティの値は `{{domxref("PerformanceTiming")}}` インターフェイスの `navigationStart` 属性との相対的な値になります。値は単調増加しています。つまり、新しい値は常に古い値以上であるため、新旧の値を比較することでデータの更新を判断できます。
 
-> **メモ:** このプロパティは、現在、どこでも対応しているわけではありません。
+> [!NOTE]
+> このプロパティは、現在、どこでも対応しているわけではありません。
 
 ## 値
 
diff --git a/files/ja/web/api/gamepad_api/using_the_gamepad_api/index.md b/files/ja/web/api/gamepad_api/using_the_gamepad_api/index.md
index 5ad91d630d782a..c36e01d6e7cb4a 100644
--- a/files/ja/web/api/gamepad_api/using_the_gamepad_api/index.md
+++ b/files/ja/web/api/gamepad_api/using_the_gamepad_api/index.md
@@ -15,7 +15,8 @@ HTML はリッチでインタラクティブなゲームを開発するために
 
 新しいゲームパッドが接続された時、アクティブなページは {{ domxref("Window/gamepadconnected_event", "gamepadconnected") }} イベントを受け取ります。ページ読み込み時にゲームパッドがすでに接続されている場合、ゲームパッドのボタンを押すなどの操作をした時に {{ domxref("Window/gamepadconnected_event", "gamepadconnected") }} イベントがアクティブなページに対して発生します。
 
-> **メモ:** Firefox では、ページが見える状態でかつユーザーによるゲームパッドの操作を受け付けたときにのみ、ゲームパッドが利用可能になります。これによって、ユーザーを特定する[フィンガープリンティング](/ja/docs/Glossary/Fingerprinting)に利用されることを防止しています。いったん一つのコントローラーが操作されれば、他のコントローラーも自動で接続され利用可能になります。
+> [!NOTE]
+> Firefox では、ページが見える状態でかつユーザーによるゲームパッドの操作を受け付けたときにのみ、ゲームパッドが利用可能になります。これによって、ユーザーを特定する[フィンガープリンティング](/ja/docs/Glossary/Fingerprinting)に利用されることを防止しています。いったん一つのコントローラーが操作されれば、他のコントローラーも自動で接続され利用可能になります。
 
 以下のようにして {{domxref("Window/gamepadconnected_event", "gamepadconnected")}} を使用します。
 
@@ -117,7 +118,8 @@ window.addEventListener("gamepadconnected", (e) => {
 - `axes`: デバイス上に軸があるコントロールを表す配列 (例：アナログサムスティック)。 配列の各エントリーは-1.0〜1.0 の範囲の浮動小数点値で、最小値 (-1.0) から最大値 (1.0) までの軸の位置を表します。
 - `timestamp`: このゲームパッドのデータが最後に更新された時刻を表す {{ domxref("DOMHighResTimeStamp") }} を返します。この値により、開発者は `axes` と `button` のデータがハードウェアから更新されたかどうかを判断できます。 値は、 {{ domxref("PerformanceTiming") }} インターフェイスの `navigationStart` 属性との相対値でなければなりません。 値は単調に増加します。つまり、更新の順序を決定するために比較することができます。新しい値は常に古い値よりも大きいか等しいためです。このプロパティは現在 Firefox ではサポートされていません。
 
-> **メモ:** Gamepad オブジェクトは、セキュリティ上の理由から {{ domxref("Window") }} オブジェクトではなく {{ domxref("Window/gamepadconnected_event", "gamepadconnected") }} イベントで使用できます。一度参照を取得すると、そのプロパティでゲームパッドの現在の状態に関する情報を照会できます。 このオブジェクトは、ゲームパッドの状態が変わるたびに更新されます。
+> [!NOTE]
+> Gamepad オブジェクトは、セキュリティ上の理由から {{ domxref("Window") }} オブジェクトではなく {{ domxref("Window/gamepadconnected_event", "gamepadconnected") }} イベントで使用できます。一度参照を取得すると、そのプロパティでゲームパッドの現在の状態に関する情報を照会できます。 このオブジェクトは、ゲームパッドの状態が変わるたびに更新されます。
 
 ### ボタン情報の使用
 
diff --git a/files/ja/web/api/geolocation/index.md b/files/ja/web/api/geolocation/index.md
index b20dbe140caf00..179362fdb4f8c0 100644
--- a/files/ja/web/api/geolocation/index.md
+++ b/files/ja/web/api/geolocation/index.md
@@ -11,7 +11,8 @@ l10n:
 
 このインターフェイスを持つオブジェクトは、 {{domxref("Navigator")}} オブジェクトの {{domxref("navigator.geolocation")}} プロパティを使って得ることができます。
 
-> **メモ:** セキュリティ上の理由により、ウェブページが位置情報にアクセスしようとする時、ユーザーにアクセス許可が求められます。その方法やポリシーはブラウザーによって異なることに注意してください。
+> [!NOTE]
+> セキュリティ上の理由により、ウェブページが位置情報にアクセスしようとする時、ユーザーにアクセス許可が求められます。その方法やポリシーはブラウザーによって異なることに注意してください。
 
 ## インスタンスプロパティ
 
diff --git a/files/ja/web/api/geolocation_api/using_the_geolocation_api/index.md b/files/ja/web/api/geolocation_api/using_the_geolocation_api/index.md
index b46029df094e97..d7fbb9cccb4721 100644
--- a/files/ja/web/api/geolocation_api/using_the_geolocation_api/index.md
+++ b/files/ja/web/api/geolocation_api/using_the_geolocation_api/index.md
@@ -27,7 +27,8 @@ if ("geolocation" in navigator) {
 
 ユーザーの現在位置を取得するには、 {{domxref("Geolocation.getCurrentPosition","getCurrentPosition()")}} メソッドを呼び出します。このメソッドはユーザーの現在位置を特定するための非同期通信を開始するとともに、位置取得デバイスから最新の情報を取得します。現在位置が特定されるとコールバック関数が実行されます。また、オプションとして第二引数にコールバック関数を指定することで、エラー発生時に実行される関数を指定することができます。省略可能な第三引数は、最大試行回数、要求待ち時間、高精度の位置情報を求めるかを指定するオブジェクトです。
 
-> **メモ:** 既定では、 {{domxref("Geolocation.getCurrentPosition","getCurrentPosition()")}} は低精度の結果を使い、なるべく高速に応答しようとします。これは、正確さに関わらず速い応答を必要とする場合に役立ちます。例えば GPS を備えている端末でも GPS が確定するまでには数分以上かかる可能性がありますので、 `getCurrentPosition()` からは (IP ロケーションや Wi-Fi による) 低精度のデータを返すことがあります。
+> [!NOTE]
+> 既定では、 {{domxref("Geolocation.getCurrentPosition","getCurrentPosition()")}} は低精度の結果を使い、なるべく高速に応答しようとします。これは、正確さに関わらず速い応答を必要とする場合に役立ちます。例えば GPS を備えている端末でも GPS が確定するまでには数分以上かかる可能性がありますので、 `getCurrentPosition()` からは (IP ロケーションや Wi-Fi による) 低精度のデータを返すことがあります。
 
 ```js
 navigator.geolocation.getCurrentPosition((position) => {
diff --git a/files/ja/web/api/geolocationcoordinates/longitude/index.md b/files/ja/web/api/geolocationcoordinates/longitude/index.md
index 336c563e9b857d..0099b5f0b022e3 100644
--- a/files/ja/web/api/geolocationcoordinates/longitude/index.md
+++ b/files/ja/web/api/geolocationcoordinates/longitude/index.md
@@ -15,7 +15,8 @@ l10n:
 
 `longitude` の値は `Coordinates` オブジェクトによって記述された地球上の場所の地理的な経度を 10 進数で表したものです。この値は World Geodetic System 1984 仕様 (WGS 84) で定義されています。
 
-> **メモ:** ゼロ子午線（本初子午線、基準子午線とも呼ばれる）は、多くの人が思い浮かべるグリニッジ子午線と正確には同じではありません。これは [IERS 基準子午線](https://ja.wikipedia.org/wiki/IERS基準子午線) であり、 5.3 [秒](<https://ja.wikipedia.org/wiki/度_(角度)>) （102 メートル/335 フィート）だけ[グリニッジ子午線](https://ja.wikipedia.org/wiki/グリニッジ子午線)より東に位置しています。これは[グローバルポジショニングシステム](https://ja.wikipedia.org/wiki/グローバル・ポジショニング・システム) (GPS) で使われている規格と同じものです。
+> [!NOTE]
+> ゼロ子午線（本初子午線、基準子午線とも呼ばれる）は、多くの人が思い浮かべるグリニッジ子午線と正確には同じではありません。これは [IERS 基準子午線](https://ja.wikipedia.org/wiki/IERS基準子午線) であり、 5.3 [秒](<https://ja.wikipedia.org/wiki/度_(角度)>) （102 メートル/335 フィート）だけ[グリニッジ子午線](https://ja.wikipedia.org/wiki/グリニッジ子午線)より東に位置しています。これは[グローバルポジショニングシステム](https://ja.wikipedia.org/wiki/グローバル・ポジショニング・システム) (GPS) で使われている規格と同じものです。
 
 ## 例
 
diff --git a/files/ja/web/api/gpu/requestadapter/index.md b/files/ja/web/api/gpu/requestadapter/index.md
index 56dcd07cc00fad..31df9abd26820e 100644
--- a/files/ja/web/api/gpu/requestadapter/index.md
+++ b/files/ja/web/api/gpu/requestadapter/index.md
@@ -34,7 +34,8 @@ requestAdapter(options)
 
         このヒントの主な目的は、複数の GPU があるシステムにおける使用する GPU の選択に影響を与えることです。たとえば、ノートパソコンには低消費電力の統合された GPU と高パフォーマンスの独立した GPU があるものがあります。どのアダプターが返されるかは、バッテリーの状態、接続されたディスプレイ、取り外し可能な GPU などの異なる因子に影響を受ける可能性があります。
 
-        > **メモ:** デュアル GPU の macOS デバイスで実行されている Chrome では、`requestAdapter()` が `powerPreference` オプションなしで呼び出され、デバイスが AC 電源で動作している場合は、高パフォーマンスの独立した GPU が返されます。そうでない場合は、低消費電力の統合された GPU が返されます。
+        > [!NOTE]
+        > デュアル GPU の macOS デバイスで実行されている Chrome では、`requestAdapter()` が `powerPreference` オプションなしで呼び出され、デバイスが AC 電源で動作している場合は、高パフォーマンスの独立した GPU が返されます。そうでない場合は、低消費電力の統合された GPU が返されます。
 
 ### フォールバックアダプター
 
@@ -42,7 +43,8 @@ requestAdapter(options)
 
 アプリケーションがフォールバックアダプターで動作するのを防ぎたい場合は、{{domxref("GPUDevice")}} を要求する前に {{domxref("GPUAdapter.isFallbackAdapter")}} 属性をチェックするべきです。
 
-> **メモ:** 仕様書には `requestAdapter()` 用の `forceFallbackAdapter` オプションがあります。これは、`true` に設定するとユーザーエージェントに利用可能であれば必ずフォールバックアダプターを返させる論理値です。これに対応しているブラウザーはまだありません。
+> [!NOTE]
+> 仕様書には `requestAdapter()` 用の `forceFallbackAdapter` オプションがあります。これは、`true` に設定するとユーザーエージェントに利用可能であれば必ずフォールバックアダプターを返させる論理値です。これに対応しているブラウザーはまだありません。
 
 ### 返値
 
diff --git a/files/ja/web/api/gpu/wgsllanguagefeatures/index.md b/files/ja/web/api/gpu/wgsllanguagefeatures/index.md
index 1048290be4a912..a10c51614a4246 100644
--- a/files/ja/web/api/gpu/wgsllanguagefeatures/index.md
+++ b/files/ja/web/api/gpu/wgsllanguagefeatures/index.md
@@ -9,7 +9,8 @@ l10n:
 
 {{domxref("GPU")}} インターフェイスの読み取り専用プロパティ **`wgslLanguageFeatures`** は、この WebGPU の実装が対応している [WGSL 言語の拡張](https://gpuweb.github.io/gpuweb/wgsl/#language-extension)を報告する {{domxref("WGSLLanguageFeatures")}} オブジェクトを返します。
 
-> **メモ:** API に対応しているすべてのブラウザーの WebGPU ですべての WGSL 言語の拡張が利用可能なわけではありません。使用することを決めたすべての拡張を徹底的にテストすることを推奨します。
+> [!NOTE]
+> API に対応しているすべてのブラウザーの WebGPU ですべての WGSL 言語の拡張が利用可能なわけではありません。使用することを決めたすべての拡張を徹底的にテストすることを推奨します。
 
 ## 値
 
diff --git a/files/ja/web/api/gpuadapter/requestadapterinfo/index.md b/files/ja/web/api/gpuadapter/requestadapterinfo/index.md
index ee6764ef7b9f60..4d8dc6bbfda2d4 100644
--- a/files/ja/web/api/gpuadapter/requestadapterinfo/index.md
+++ b/files/ja/web/api/gpuadapter/requestadapterinfo/index.md
@@ -11,7 +11,8 @@ l10n:
 
 このメソッドの背景の意図は、開発者がユーザーの GPU の特定の詳細を要求し、GPU に固有のバグの回避策を先手を取って適用したり、異なる GPU のアーキテクチャにより合う異なるコードパスを提供したりできるようにすることです。このような情報を提供すると、フィンガープリンティングに利用でき、セキュリティリスクが発生します。そのため、共有される情報は最小限にとどめられ、異なるブラウザーのベンダー間で情報の種類と粒度を共通化するでしょう。
 
-> **メモ:** 仕様書には `requestAdapterInfo()` 用の引数として、上記のセキュリティリスクを低減することを意図した `unmaskHints` が存在します。これに対応すれば、開発者は本当に知る必要がある値を指定することができるようになり、ユーザーはメソッドが呼び出されたとき情報を共有してよいかを尋ねる許可プロンプトを提示されるようになるでしょう。許可プロンプトで守られる場合、メソッドのフィンガープリンティングの対象としての有用度は下がるので、ブラウザーのベンダーはより有用な情報を共有するようになるでしょう。
+> [!NOTE]
+> 仕様書には `requestAdapterInfo()` 用の引数として、上記のセキュリティリスクを低減することを意図した `unmaskHints` が存在します。これに対応すれば、開発者は本当に知る必要がある値を指定することができるようになり、ユーザーはメソッドが呼び出されたとき情報を共有してよいかを尋ねる許可プロンプトを提示されるようになるでしょう。許可プロンプトで守られる場合、メソッドのフィンガープリンティングの対象としての有用度は下がるので、ブラウザーのベンダーはより有用な情報を共有するようになるでしょう。
 
 ## 構文
 
diff --git a/files/ja/web/api/gpuadapter/requestdevice/index.md b/files/ja/web/api/gpuadapter/requestdevice/index.md
index 9cfc7b6b9a0003..3ad41637072f7f 100644
--- a/files/ja/web/api/gpuadapter/requestdevice/index.md
+++ b/files/ja/web/api/gpuadapter/requestdevice/index.md
@@ -29,7 +29,8 @@ requestDevice(descriptor)
     - `requiredLimits` {{optional_inline}}
       - : 返される {{domxref("GPUDevice")}} が対応することを要求する制限を表すプロパティが格納されたオブジェクトです。`GPUAdapter` がこれらの制限を提供できない場合は、`requestDevice()` の呼び出しは失敗します。それぞれのキーは {{domxref("GPUSupportedLimits")}} のメンバーである名前でなければなりません。値が指定されない場合のデフォルトは空のオブジェクトです。
 
-> **メモ:** 下層のハードウェアが対応している場合でも、すべての機能と制限が対応しているすべてのブラウザーの WebGPU で利用可能なわけではありません。詳しくは、{{domxref("GPUAdapter.features", "features")}} および {{domxref("GPUAdapter.limits", "limits")}} のページを参照してください。
+> [!NOTE]
+> 下層のハードウェアが対応している場合でも、すべての機能と制限が対応しているすべてのブラウザーの WebGPU で利用可能なわけではありません。詳しくは、{{domxref("GPUAdapter.features", "features")}} および {{domxref("GPUAdapter.limits", "limits")}} のページを参照してください。
 
 ### 返値
 
diff --git a/files/ja/web/api/hashchangeevent/hashchangeevent/index.md b/files/ja/web/api/hashchangeevent/hashchangeevent/index.md
index aac08ebd7f6456..3b94e18e3cc2e7 100644
--- a/files/ja/web/api/hashchangeevent/hashchangeevent/index.md
+++ b/files/ja/web/api/hashchangeevent/hashchangeevent/index.md
@@ -9,7 +9,8 @@ l10n:
 
 **`HashChangeEvent()`** コンストラクターは、新しい {{domxref("HashChangeEvent")}} オブジェクトを生成します。これは {{domxref("window")}} オブジェクトで URL のフラグメントが変更されたときに発行される {{domxref("Window/hashchange_event", "hashchange")}} イベントで使用されます。
 
-> **メモ:** ウェブ開発者は通常このコンストラクターを呼び出す必要はありません。ブラウザーは {{domxref("Window/hashchange_event", "hashchange")}} イベントを発行するときにこれらのオブジェクトを自分で作成するからです。
+> [!NOTE]
+> ウェブ開発者は通常このコンストラクターを呼び出す必要はありません。ブラウザーは {{domxref("Window/hashchange_event", "hashchange")}} イベントを発行するときにこれらのオブジェクトを自分で作成するからです。
 
 ## 構文
 
diff --git a/files/ja/web/api/headers/entries/index.md b/files/ja/web/api/headers/entries/index.md
index d1eadbe10d7079..11e316c3e69bfb 100644
--- a/files/ja/web/api/headers/entries/index.md
+++ b/files/ja/web/api/headers/entries/index.md
@@ -9,7 +9,8 @@ l10n:
 
 **`Headers.entries()`** メソッドは、このオブジェクトに含まれるすべてのキーと値のペアを走査する{{jsxref("Iteration_protocols", 'イテレーター', '', 1)}}を返します。それぞれのペアのキーと値は両方とも {{jsxref("String")}} オブジェクトです。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/headers/index.md b/files/ja/web/api/headers/index.md
index cbc18ff55c682d..7b7af02cf74eef 100644
--- a/files/ja/web/api/headers/index.md
+++ b/files/ja/web/api/headers/index.md
@@ -19,7 +19,8 @@ l10n:
 
 `Headers` を実装したオブジェクトは、{{domxref('Headers.entries()', 'entries()')}} の代わりに直接 {{jsxref("Statements/for...of", "for...of")}} 構文で使用することができます。 `for (const p of myHeaders)` と `for (const p of myHeaders.entries())` は同等です。
 
-> **メモ:** 利用できるヘッダーについては[HTTP ヘッダー](/ja/docs/Web/HTTP/Headers) を参照してください。
+> [!NOTE]
+> 利用できるヘッダーについては[HTTP ヘッダー](/ja/docs/Web/HTTP/Headers) を参照してください。
 
 ## コンストラクター
 
@@ -49,9 +50,11 @@ l10n:
 
 > **メモ:** {{domxref("Headers.set()")}} と {{domxref("Headers.append()")}} の明確な違いは、複数の値を受け入れる特定のヘッダーが既に存在しているときの挙動です。{{domxref("Headers.set()")}} は既存の値を新しい値で上書きしますが、{{domxref("Headers.append()")}} は既存の値の末尾に新しい値を追加します。サンプルコードはそれぞれの専用ページで確認してください。
 
-> **メモ:** すべての Headers メソッドで、[有効な HTTP ヘッダー名](https://fetch.spec.whatwg.org/#concept-header-name) ではない名前の参照を渡そうとすると {{jsxref("TypeError")}} が発生します。ヘッダーに immutable {{Glossary("Guard", "ガード")}}がある場合、変更操作をしようとすると `TypeError` が発生します。します。そのほかの場外の場合は、単に失敗します。
+> [!NOTE]
+> すべての Headers メソッドで、[有効な HTTP ヘッダー名](https://fetch.spec.whatwg.org/#concept-header-name) ではない名前の参照を渡そうとすると {{jsxref("TypeError")}} が発生します。ヘッダーに immutable {{Glossary("Guard", "ガード")}}がある場合、変更操作をしようとすると `TypeError` が発生します。します。そのほかの場外の場合は、単に失敗します。
 
-> **メモ:** ヘッダーを反復処理する時は、自動的に辞書順への並び替えが行われ、重複する名前は結合されます。
+> [!NOTE]
+> ヘッダーを反復処理する時は、自動的に辞書順への並び替えが行われ、重複する名前は結合されます。
 
 ## 例
 
diff --git a/files/ja/web/api/headers/keys/index.md b/files/ja/web/api/headers/keys/index.md
index e3561632e4774b..294e9ce79a8ed8 100644
--- a/files/ja/web/api/headers/keys/index.md
+++ b/files/ja/web/api/headers/keys/index.md
@@ -9,7 +9,8 @@ l10n:
 
 **`Headers.keys()`** メソッドは、このオブジェクトに含まれるすべてのキーを読み取ることができる{{jsxref("Iteration_protocols", 'イテレーター', '', 1)}}オブジェクトを返します。キーは文字列です。です。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で使用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/headers/values/index.md b/files/ja/web/api/headers/values/index.md
index 051d2476e41cdd..08b54cd5c1bebe 100644
--- a/files/ja/web/api/headers/values/index.md
+++ b/files/ja/web/api/headers/values/index.md
@@ -9,7 +9,8 @@ l10n:
 
 **`Headers.values()`** メソッドは、このオブジェクトに含まれるすべての値を読み取ることができる{{jsxref("Iteration_protocols", 'イテレーター', '', 1)}}を返します。値は文字列です。
 
-> **メモ:** このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で利用できます。
+> [!NOTE]
+> このメソッドは[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)で利用できます。
 
 ## 構文
 
diff --git a/files/ja/web/api/hid/requestdevice/index.md b/files/ja/web/api/hid/requestdevice/index.md
index 95019e62d63411..52d0611d0816cd 100644
--- a/files/ja/web/api/hid/requestdevice/index.md
+++ b/files/ja/web/api/hid/requestdevice/index.md
@@ -36,7 +36,8 @@ requestDevice(options)
     - `usage` {{optional_inline}}
       - : 要求するデバイスの HID 使用法の Usage ID 部分を表す整数です。
 
-> **メモ:** デバイスフィルターは、ユーザーに提示するデバイスリストを絞り込むために使われます。フィルターが無い場合、接続された全てのデバイスが表示されます。1 個以上のフィルターが含まれている場合、デバイスはいずれかのフィルターに当てはまればリストに入ります。フィルターに当てはまるには、そのフィルターに含まれるルール全てに当てはまる必要があります。
+> [!NOTE]
+> デバイスフィルターは、ユーザーに提示するデバイスリストを絞り込むために使われます。フィルターが無い場合、接続された全てのデバイスが表示されます。1 個以上のフィルターが含まれている場合、デバイスはいずれかのフィルターに当てはまればリストに入ります。フィルターに当てはまるには、そのフィルターに含まれるルール全てに当てはまる必要があります。
 
 ### 返値
 
diff --git a/files/ja/web/api/hiddevice/open/index.md b/files/ja/web/api/hiddevice/open/index.md
index 75ddc67ebb8c16..4956f87ac3d538 100644
--- a/files/ja/web/api/hiddevice/open/index.md
+++ b/files/ja/web/api/hiddevice/open/index.md
@@ -9,7 +9,8 @@ l10n:
 
 {{domxref("HIDDevice")}} の **`open()`** メソッドは、オペレーティングシステムに HID デバイスを開くことを要求します。
 
-> **メモ:** HID デバイスは自動では開かれません。そのため、{{domxref("HID.requestDevice()")}} から返された {{domxref("HIDDevice")}} でデータの転送を可能にするには、このメソッドを用いて開く必要があります。
+> [!NOTE]
+> HID デバイスは自動では開かれません。そのため、{{domxref("HID.requestDevice()")}} から返された {{domxref("HIDDevice")}} でデータの転送を可能にするには、このメソッドを用いて開く必要があります。
 
 ## 構文
 
diff --git a/files/ja/web/api/history/index.md b/files/ja/web/api/history/index.md
index dabd8c36a65862..5cc455a2e6ca5c 100644
--- a/files/ja/web/api/history/index.md
+++ b/files/ja/web/api/history/index.md
@@ -11,7 +11,8 @@ l10n:
 
 `history` のインスタンスは 1 つしかなく（シングルトンです）、グローバルオブジェクト {{domxref("Window.history", "history")}} を通してアクセスできます。
 
-> **メモ:** このインターフェイスはメインスレッド ({{domxref("Window")}}) でのみ利用できます。 {{domxref("Worker")}} または {{domxref("Worklet")}} コンテキストではアクセスできません。
+> [!NOTE]
+> このインターフェイスはメインスレッド ({{domxref("Window")}}) でのみ利用できます。 {{domxref("Worker")}} または {{domxref("Worklet")}} コンテキストではアクセスできません。
 
 ## インスタンスプロパティ
 
diff --git a/files/ja/web/api/history_api/index.md b/files/ja/web/api/history_api/index.md
index c08207423828f0..19973d96d2a6f1 100644
--- a/files/ja/web/api/history_api/index.md
+++ b/files/ja/web/api/history_api/index.md
@@ -9,7 +9,8 @@ l10n:
 
 **履歴 API** は、ブラウザーのセッション履歴 ([WebExtensions history](/ja/docs/Mozilla/Add-ons/WebExtensions/API/history) と混同しないように) へのアクセスをグローバルの {{DOMxRef("Window.history","history")}} オブジェクトを介して提供しています。このオブジェクトは、ユーザーの履歴の中を前のページや後のページへ移動したり、履歴スタックの中を操作したりするのに便利なメソッドやプロパティが提供されています。
 
-> **メモ:** この API が利用可能なのはメインスレッド ({{domxref("Window")}}) のみです。 {{domxref("Worker")}} や {{domxref("Worklet")}} コンテキストではアクセスできません。
+> [!NOTE]
+> この API が利用可能なのはメインスレッド ({{domxref("Window")}}) のみです。 {{domxref("Worker")}} や {{domxref("Worklet")}} コンテキストではアクセスできません。
 
 ## 概念と使用方法
 
diff --git a/files/ja/web/api/houdini_apis/index.md b/files/ja/web/api/houdini_apis/index.md
index 1d7b8cab290f85..4aaabcb43ffa9d 100644
--- a/files/ja/web/api/houdini_apis/index.md
+++ b/files/ja/web/api/houdini_apis/index.md
@@ -32,7 +32,8 @@ CSS.paintWorklet.addModule("csscomponent.js");
 
 この追加されたモジュールには、完全に構成可能なワークレットを登録する {{domxref("PaintWorkletGlobalScope.registerPaint")}} 関数が含まれています。
 
-> **メモ:** 自分自身でワークレットを書いたり、他にも作成した部品をインストールすることができます。
+> [!NOTE]
+> 自分自身でワークレットを書いたり、他にも作成した部品をインストールすることができます。
 > [Houdini.how](https://houdini.how/) ウェブサイトは、[使用する方法を説明した](https://houdini.how/usage/)ワークレットのコレクションです。
 
 CSS の `paint()` 関数は {{cssxref("image")}} 型で対応している追加関数です。
@@ -50,7 +51,8 @@ li {
 }
 ```
 
-> **メモ:** 大きな力には大きな責任が伴います。
+> [!NOTE]
+> 大きな力には大きな責任が伴います。
 > Houdini を使用すると、独自の石積み (masonry）)グリッド、リージョンの実装を開発することができますが、そうすることが必ずしも最良の考えであるとは限りません。
 > CSS ワーキンググループは、すべての機能が確実に実行され、すべてのエッジケースを処理し、セキュリティ、プライバシー、およびアクセシビリティを考慮するために多くの作業を行います。
 > Houdini で CSS を拡張するときは、これらの考慮事項を念頭に置き、より野心的なプロジェクトに進む前に、まずは小さいものから始めてください。
diff --git a/files/ja/web/api/html_dom_api/microtask_guide/index.md b/files/ja/web/api/html_dom_api/microtask_guide/index.md
index 8cae69b645f908..09d0f5cd3a9edf 100644
--- a/files/ja/web/api/html_dom_api/microtask_guide/index.md
+++ b/files/ja/web/api/html_dom_api/microtask_guide/index.md
@@ -39,7 +39,8 @@ JavaScript の[プロミス](/ja/docs/Web/JavaScript/Reference/Global_Objects/Pr
 
 次に、マイクロタスクが {{domxref("queueMicrotask()")}} を呼び出してキューにさらにマイクロタスクを追加すると、それらの新しく追加されたマイクロタスクは次のタスクが実行される前に*実行*されます。これは、イベントループが、たとえ追加され続けても、キューに何も残らなくなるまでマイクロタスクを呼び続けるからです。
 
-> **警告:** マイクロタスクはそれ自身がさらにマイクロタスクをキューに入れることができ、イベントループはキューが空になるまでマイクロタスクを処理し続けるので、イベントループがマイクロタスクを延々と処理し続けるという現実的なリスクが存在します。再帰的にマイクロタスクを追加する方法には注意が必要です。
+> [!WARNING]
+> マイクロタスクはそれ自身がさらにマイクロタスクをキューに入れることができ、イベントループはキューが空になるまでマイクロタスクを処理し続けるので、イベントループがマイクロタスクを延々と処理し続けるという現実的なリスクが存在します。再帰的にマイクロタスクを追加する方法には注意が必要です。
 
 ## マイクロタスクの使用
 
diff --git a/files/ja/web/api/html_drag_and_drop_api/drag_operations/index.md b/files/ja/web/api/html_drag_and_drop_api/drag_operations/index.md
index 205d12f3f50e9b..6701f7cc073336 100644
--- a/files/ja/web/api/html_drag_and_drop_api/drag_operations/index.md
+++ b/files/ja/web/api/html_drag_and_drop_api/drag_operations/index.md
@@ -9,7 +9,8 @@ l10n:
 
 以下は、ドラッグ & ドロップ操作が行われる時の各段階についての解説です。
 
-> **メモ:** この文書で記述されているドラッグ操作は {{domxref("DataTransfer")}} インターフェイスを使用します。この文書では {{domxref("DataTransferItem")}} インターフェイスや {{domxref("DataTransferItemList")}} インターフェイスは説明*しません*。
+> [!NOTE]
+> この文書で記述されているドラッグ操作は {{domxref("DataTransfer")}} インターフェイスを使用します。この文書では {{domxref("DataTransferItem")}} インターフェイスや {{domxref("DataTransferItemList")}} インターフェイスは説明*しません*。
 
 ## draggable 属性
 
@@ -41,7 +42,8 @@ draggableElement.addEventListener("dragstart", (event) =>
 
 [`draggable`](/ja/docs/Web/HTML/Global_attributes#draggable) 属性は画像やリンクを含めてあらゆる要素に設定できます。ただし、画像とリンクについてだけは既定値が `true`となっていますので、実際にこれらの要素で使う場合は、要素をドラッグできないようにするために [`draggable`](/ja/docs/Web/HTML/Global_attributes#draggable) 属性に `false` を設定するという場合がほとんどでしょう。
 
-> **メモ:** 要素がドラッグ可能になった場合、文字列やその要素に含まれている他の要素が、マウスによるクリックやドラッグなどの通常の操作では選択する事ができなくなることに注意してください。ユーザーが文字列を選択するには、通常の操作の代わりに、 <kbd>Alt</kbd> キーを押しながらマウスで選択するか、キーボードで操作を行う必要があります。
+> [!NOTE]
+> 要素がドラッグ可能になった場合、文字列やその要素に含まれている他の要素が、マウスによるクリックやドラッグなどの通常の操作では選択する事ができなくなることに注意してください。ユーザーが文字列を選択するには、通常の操作の代わりに、 <kbd>Alt</kbd> キーを押しながらマウスで選択するか、キーボードで操作を行う必要があります。
 
 ## ドラッグ操作の開始
 
diff --git a/files/ja/web/api/html_drag_and_drop_api/recommended_drag_types/index.md b/files/ja/web/api/html_drag_and_drop_api/recommended_drag_types/index.md
index 6428f258990936..47c314e189e67f 100644
--- a/files/ja/web/api/html_drag_and_drop_api/recommended_drag_types/index.md
+++ b/files/ja/web/api/html_drag_and_drop_api/recommended_drag_types/index.md
@@ -9,7 +9,8 @@ l10n:
 
 HTML ドラッグ & ドロップ API は、プレーンテキスト、URL、HTML コード、ファイルなど、さまざまな形式のデータのドラッグをサポートしています。この記事では、一般的なドラッグ可能なデータ形式のベストプラクティスについて説明しています。
 
-> **メモ:** この記事の中で、 `mozSetDataAt()` のような `moz` の接頭辞を持つすべてのメソッドとプロパティは、Gecko ベースのブラウザーでのみ動作します。
+> [!NOTE]
+> この記事の中で、 `mozSetDataAt()` のような `moz` の接頭辞を持つすべてのメソッドとプロパティは、Gecko ベースのブラウザーでのみ動作します。
 
 ## テキストのドラッグ
 
@@ -41,7 +42,8 @@ dt.setData("text/plain", "https://www.mozilla.org");
 
 複数のリンクをドラッグするには、それぞれのリンクを `text/uri-list` データ内で CRLF 改行で区切ってください。ナンバー記号 (`#`) で始まる行はコメントで、有効な URL として扱われません。コメントは、リンクの目的を示したり、リンクに関連づけられたタイトルを保持したりする目的で利用できます
 
-> **警告:** 複数のリンクのための `text/plain` 型のフォールバックは、すべての URL を含むべきですが、コメントを含めるべきではありません。
+> [!WARNING]
+> 複数のリンクのための `text/plain` 型のフォールバックは、すべての URL を含むべきですが、コメントを含めるべきではありません。
 
 例えば、以下のサンプル `text/uri-list` データには、2 つのリンクと 1 つのコメントが含まれています。
 
diff --git a/files/ja/web/api/html_sanitizer_api/index.md b/files/ja/web/api/html_sanitizer_api/index.md
index b78480e7c437c4..0c89e6c844c085 100644
--- a/files/ja/web/api/html_sanitizer_api/index.md
+++ b/files/ja/web/api/html_sanitizer_api/index.md
@@ -100,7 +100,8 @@ console.log(sanitizedDiv.innerHTML);
 document.querySelector("div#target").replaceChildren(sanitizedDiv.children);
 ```
 
-> **メモ:** どうしても文字列から文字列への操作を行いたい場合は `innerHTML` を使って文字列を抽出することができますが、文字列が適用されるときに正しいコンテキストを使用することを忘れてはいけません。
+> [!NOTE]
+> どうしても文字列から文字列への操作を行いたい場合は `innerHTML` を使って文字列を抽出することができますが、文字列が適用されるときに正しいコンテキストを使用することを忘れてはいけません。
 >
 > ```js
 > const unsanitized_string = "abc <script>alert(1)<" + "/script> def";
diff --git a/files/ja/web/api/htmlanchorelement/download/index.md b/files/ja/web/api/htmlanchorelement/download/index.md
index 4025c7f5a18bbd..3aca76c187aa91 100644
--- a/files/ja/web/api/htmlanchorelement/download/index.md
+++ b/files/ja/web/api/htmlanchorelement/download/index.md
@@ -9,7 +9,8 @@ l10n:
 
 **`HTMLAnchorElement.download`** プロパティは、文字列で、リンク先リソースをブラウザーに表示するのではなくダウンロードすることを意図していることを示します。値がある場合は、ローカルファイルシステムのリソースのラベル付けに使用する既定のファイル名を指定します。 基になる OS で名前が有効なファイル名でない場合は、ブラウザーが調整します。
 
-> **メモ:** この値はダウンロードに使われないかもしれません。 この値により、ダウンロードが行われるかどうかを判別することはできません。
+> [!NOTE]
+> この値はダウンロードに使われないかもしれません。 この値により、ダウンロードが行われるかどうかを判別することはできません。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlaudioelement/index.md b/files/ja/web/api/htmlaudioelement/index.md
index 38cd0901b3cae7..ea19dfacc20041 100644
--- a/files/ja/web/api/htmlaudioelement/index.md
+++ b/files/ja/web/api/htmlaudioelement/index.md
@@ -42,7 +42,8 @@ const audioElement = new Audio("car_horn.wav");
 audioElement.play();
 ```
 
-> **メモ:** よくあるのが、ページを読み込んだらすぐに audio 要素を再生しようとすることです。現代のブラウザーは、既定の自動再生ポリシーによって、このようなことが起こらないようにブロックしています。良い習慣と回避方法については、[Firefox](https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/) および [Chrome](https://developer.chrome.com/blog/autoplay/) のものを参照してください。
+> [!NOTE]
+> よくあるのが、ページを読み込んだらすぐに audio 要素を再生しようとすることです。現代のブラウザーは、既定の自動再生ポリシーによって、このようなことが起こらないようにブロックしています。良い習慣と回避方法については、[Firefox](https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/) および [Chrome](https://developer.chrome.com/blog/autoplay/) のものを参照してください。
 
 audio 要素のプロパティとしてよく用いられるものには、{{domxref("HTMLMediaElement.src", "src")}}, {{domxref("HTMLMediaElement.currentTime", "currentTime")}}, {{domxref("HTMLMediaElement.duration", "duration")}}, {{domxref("HTMLMediaElement.paused", "paused")}}, {{domxref("HTMLMediaElement.muted", "muted")}}, {{domxref("HTMLMediaElement.volume", "volume")}} などがあります。このスニペットは、音声ファイルの再生時間を変数にコピーします。
 
diff --git a/files/ja/web/api/htmlbuttonelement/popovertargetaction/index.md b/files/ja/web/api/htmlbuttonelement/popovertargetaction/index.md
index 66788cb6598098..54ec5a35485c92 100644
--- a/files/ja/web/api/htmlbuttonelement/popovertargetaction/index.md
+++ b/files/ja/web/api/htmlbuttonelement/popovertargetaction/index.md
@@ -70,7 +70,8 @@ if (supportsPopover()) {
 }
 ```
 
-> **メモ:** ポップオーバー要素は既定で非表示になりますが、要素が API に対応していない場合は「通常通り」表示されます。
+> [!NOTE]
+> ポップオーバー要素は既定で非表示になりますが、要素が API に対応していない場合は「通常通り」表示されます。
 
 下記の例を試してみてください。
 ボタンを押すたびにポップオーバーを表示させたり非表示にしたりできます。
diff --git a/files/ja/web/api/htmlcanvaselement/getcontext/index.md b/files/ja/web/api/htmlcanvaselement/getcontext/index.md
index 4feeb5511b5482..f9b16958929565 100644
--- a/files/ja/web/api/htmlcanvaselement/getcontext/index.md
+++ b/files/ja/web/api/htmlcanvaselement/getcontext/index.md
@@ -30,7 +30,8 @@ getContext(contextType, contextAttributes)
     - `"webgpu"`: これは、WebGPU レンダーパイプライン用の 3 次元レンダリングコンテキストを表す {{domxref("GPUCanvasContext")}} オブジェクトを作成するものです。このコンテキストは、[WebGPU API](/ja/docs/Web/API/WebGPU_API) を実装しているブラウザーでのみ利用できます。
     - `"bitmaprenderer"`: 指定された{{domxref("ImageBitmapRenderingContext")}}でキャンバスのコンテンツを置き換える機能のみを提供します。
 
-    > **メモ:** 識別子 `"experimental-webgl"` は、WebGL の新しい実装で使用されます。これらの実装は、テストスイート適合性に達していないか、プラットフォームのグラフィックドライバーがまだ安定していないかのいずれかです。[Khronos Group](https://www.khronos.org/) が、一定の[適合性ルール](https://www.khronos.org/registry/webgl/sdk/tests/CONFORMANCE_RULES.txt)のもと、WebGL 実装を認証しています。
+    > [!NOTE]
+    > 識別子 `"experimental-webgl"` は、WebGL の新しい実装で使用されます。これらの実装は、テストスイート適合性に達していないか、プラットフォームのグラフィックドライバーがまだ安定していないかのいずれかです。[Khronos Group](https://www.khronos.org/) が、一定の[適合性ルール](https://www.khronos.org/registry/webgl/sdk/tests/CONFORMANCE_RULES.txt)のもと、WebGL 実装を認証しています。
 
 - `contextAttributes` {{optional_inline}}
 
@@ -88,7 +89,8 @@ getContext(contextType, contextAttributes)
     - `xrCompatible`
       - : 論理値で、[没入型 XR 機器](/ja/docs/Web/API/WebXR_Device_API)に対応したグラフィックアダプターを使用するよう、ユーザーエージェントに示唆します。コンテキスト生成時にこの同期フラグを設定することは推奨されません。XR セッションを始めるには、非同期の {{domxref("WebGLRenderingContext.makeXRCompatible()")}} メソッドを呼び出す必要があります。
 
-    > **メモ:** WebGPU 仕様書では、`getContext()` に固有のコンテキスト属性を定義していません。その代わりに、{{domxref("GPUCanvasContext.configure()")}} メソッドで構成オプションを提供しています。
+    > [!NOTE]
+    > WebGPU 仕様書では、`getContext()` に固有のコンテキスト属性を定義していません。その代わりに、{{domxref("GPUCanvasContext.configure()")}} メソッドで構成オプションを提供しています。
 
 ### 返値
 
diff --git a/files/ja/web/api/htmlcanvaselement/mozopaque/index.md b/files/ja/web/api/htmlcanvaselement/mozopaque/index.md
index d0390ca9aa5d88..60a0a7925476ba 100644
--- a/files/ja/web/api/htmlcanvaselement/mozopaque/index.md
+++ b/files/ja/web/api/htmlcanvaselement/mozopaque/index.md
@@ -9,7 +9,8 @@ l10n:
 
 標準外の **`HTMLCanvasElement.mozOpaque`** プロパティは論理値で、この {{HTMLElement("canvas")}} 要素の [`moz-opaque`](/ja/docs/Web/HTML/Element/canvas#moz-opaque) 属性を反映します。これは、半透明の要素があるかどうかをキャンバスに知らせるものです。半透明がないことがキャンバスに伝われば、描画性能を最適化することができます。
 
-> **メモ:** これは、{{domxref("HTMLCanvasElement.getContext()")}} で描画コンテキストを作成する際に、`alpha` オプションを `false` に設定することで標準化されました。`mozOpaque` を使用することは避けてください。Firefox は将来的に対応をやめる予定です。
+> [!NOTE]
+> これは、{{domxref("HTMLCanvasElement.getContext()")}} で描画コンテキストを作成する際に、`alpha` オプションを `false` に設定することで標準化されました。`mozOpaque` を使用することは避けてください。Firefox は将来的に対応をやめる予定です。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlcanvaselement/toblob/index.md b/files/ja/web/api/htmlcanvaselement/toblob/index.md
index 623583f80a0c00..b7895ded6077a1 100644
--- a/files/ja/web/api/htmlcanvaselement/toblob/index.md
+++ b/files/ja/web/api/htmlcanvaselement/toblob/index.md
@@ -115,7 +115,8 @@ canvas.toBlob(
 
 ### OS.File（chrome/add-on コンテキストのみ）で toBlob をディスクに保存する
 
-> **メモ:** このテクニックは画像をデスクトップに保存しますので、Firefox の chrome コンテキストか add-on コードでのみ利用できます。OS API はウェブサイトには存在しないからです。
+> [!NOTE]
+> このテクニックは画像をデスクトップに保存しますので、Firefox の chrome コンテキストか add-on コードでのみ利用できます。OS API はウェブサイトには存在しないからです。
 
 ```js
 const canvas = document.getElementById("canvas");
diff --git a/files/ja/web/api/htmlcollection/index.md b/files/ja/web/api/htmlcollection/index.md
index 7cc03bbbe42b37..3e3ce52c4a12ef 100644
--- a/files/ja/web/api/htmlcollection/index.md
+++ b/files/ja/web/api/htmlcollection/index.md
@@ -9,11 +9,13 @@ l10n:
 
 **`HTMLCollection`** インターフェイスは、（文書内の順序における）要素の汎用的な集合（{{jsxref("Functions/arguments", "arguments")}} のような配列風のオブジェクト）を表し、リストから選択するためのメソッドとプロパティを提供します。
 
-> **メモ:** このインターフェイスは歴史的な理由で `HTMLCollection` と呼ばれています（現代の DOM より前では、このインターフェイスを実装する集合が、アイテムとして HTML 要素しか持てませんでした）。
+> [!NOTE]
+> このインターフェイスは歴史的な理由で `HTMLCollection` と呼ばれています（現代の DOM より前では、このインターフェイスを実装する集合が、アイテムとして HTML 要素しか持てませんでした）。
 
 HTML DOM 内の `HTMLCollection` は生きて (live) います。元になった文書が変更された時点で自動的に更新されます。このため、ノードを追加、変更、削除する場合はコピーを（{{jsxref("Array/from", "Array.from")}} などを使用して）作成しておくといいでしょう。
 
-> **メモ:** このインターフェイスは[変更不可能なリストを作成しようとするものでした](https://stackoverflow.com/questions/74630989/why-use-domstringlist-rather-than-an-array/74641156#74641156)。そして、既に使用されているコードの動作を保証するだけのために対応が続いていました。現代の API では、ECMAScript の配列型をラップした型を使用しているため、ECMAScript の配列のように扱うことができ、同時にその使用法に追加の意味づけを行うことができます（アイテムを読み取り専用にするなど）。
+> [!NOTE]
+> このインターフェイスは[変更不可能なリストを作成しようとするものでした](https://stackoverflow.com/questions/74630989/why-use-domstringlist-rather-than-an-array/74641156#74641156)。そして、既に使用されているコードの動作を保証するだけのために対応が続いていました。現代の API では、ECMAScript の配列型をラップした型を使用しているため、ECMAScript の配列のように扱うことができ、同時にその使用法に追加の意味づけを行うことができます（アイテムを読み取り専用にするなど）。
 
 ## インスタンスプロパティ
 
diff --git a/files/ja/web/api/htmlelement/autofocus/index.md b/files/ja/web/api/htmlelement/autofocus/index.md
index 1285762fadb816..faf5df2fbabd7d 100644
--- a/files/ja/web/api/htmlelement/autofocus/index.md
+++ b/files/ja/web/api/htmlelement/autofocus/index.md
@@ -12,7 +12,8 @@ l10n:
 
 この属性を指定することができるのは、1 つの文書内、または {{htmlelement("dialog")}} 要素内、または `popover` 属性が設定された要素内のフォーム関連要素 1 つだけです。もし複数あった場合、属性が設定された最初の要素（通常は該当する要素のうちページで最初のもの）が初期のフォーカスを得ます。
 
-> **メモ:** このプロパティを設定しても、関連付けられた {{HTMLElement("select")}} 要素へフォーカスは設定されません。単純に文書へ*要素が挿入された*ときにブラウザーへフォーカスを移動するよう指示するだけです。挿入後に設定した場合、すなわち文書が読み込まれた後のほとんどの場合では、目に見える効果はありません。
+> [!NOTE]
+> このプロパティを設定しても、関連付けられた {{HTMLElement("select")}} 要素へフォーカスは設定されません。単純に文書へ*要素が挿入された*ときにブラウザーへフォーカスを移動するよう指示するだけです。挿入後に設定した場合、すなわち文書が読み込まれた後のほとんどの場合では、目に見える効果はありません。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlelement/dir/index.md b/files/ja/web/api/htmlelement/dir/index.md
index d2762832b5ce46..70e2d7b08a565e 100644
--- a/files/ja/web/api/htmlelement/dir/index.md
+++ b/files/ja/web/api/htmlelement/dir/index.md
@@ -17,7 +17,8 @@ l10n:
 
 要素の `dir` が "`auto`" に設定されている場合、要素の方向は、最初の強い書字方向文字 (strong directionality character)、または既定では親要素の書字方向に基づいて決定されます。
 
-> **メモ:** ブラウザーは、コンテンツの作成を支援するために、ユーザーが {{ HTMLElement("input") }} と {{ HTMLElement("textarea") }} の書字方向を変更することを許可する場合があります。 Chrome と Safari は入力フィールドのコンテキストメニューで書字方向のオプションを提供しており、 Chromium になる前の Edge は <kbd>Ctrl</kbd> + <kbd>左 Shift</kbd> と <kbd>Ctrl</kbd> + <kbd>右 Shift</kbd> のキーバインドを使用しています。 Firefox は <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>X</kbd> を使用しますが、 **`dir`** 属性の値は更新しません。
+> [!NOTE]
+> ブラウザーは、コンテンツの作成を支援するために、ユーザーが {{ HTMLElement("input") }} と {{ HTMLElement("textarea") }} の書字方向を変更することを許可する場合があります。 Chrome と Safari は入力フィールドのコンテキストメニューで書字方向のオプションを提供しており、 Chromium になる前の Edge は <kbd>Ctrl</kbd> + <kbd>左 Shift</kbd> と <kbd>Ctrl</kbd> + <kbd>右 Shift</kbd> のキーバインドを使用しています。 Firefox は <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>X</kbd> を使用しますが、 **`dir`** 属性の値は更新しません。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlelement/inert/index.md b/files/ja/web/api/htmlelement/inert/index.md
index 438c87ec00496d..07605ed1d72093 100644
--- a/files/ja/web/api/htmlelement/inert/index.md
+++ b/files/ja/web/api/htmlelement/inert/index.md
@@ -9,7 +9,8 @@ l10n:
 
 {{domxref("HTMLElement")}} の **`inert`** プロパティは、この要素の [`inert`](/ja/docs/Web/HTML/Global_attributes/inert) 属性の値を反映します。論理値で、存在する場合は、フォーカスイベントや支援技術からのイベントを含む、要素に対するユーザーの入力イベントをブラウザーが「無視」するようにします。ブラウザーは、要素でのページ検索やテキスト選択も無視することができます。これは、モーダルのような UI を構築する際に、モーダルが表示されているときにフォーカスをモーダル内に「閉じ込める」場合に便利です。
 
-> **メモ:** 不活性コンテンツとその子孫は、すべてのユーザーにとってフォーカスも知覚もできないので、対話要素や重要なコンテンツを `inert` 属性を持つ要素内に入れ子にしてはいけません。
+> [!NOTE]
+> 不活性コンテンツとその子孫は、すべてのユーザーにとってフォーカスも知覚もできないので、対話要素や重要なコンテンツを `inert` 属性を持つ要素内に入れ子にしてはいけません。
 
 ## 値
 
@@ -42,7 +43,8 @@ l10n:
 
 {{ EmbedLiveSample('Example', 560, 200) }}
 
-> **メモ:** この属性は、それ自体では、ブラウザーに表示されるコンテンツは視覚的変化を与えません。上の例では、inert 属性を持つ要素の直系の子孫が半透明になるように CSS が適用されています。
+> [!NOTE]
+> この属性は、それ自体では、ブラウザーに表示されるコンテンツは視覚的変化を与えません。上の例では、inert 属性を持つ要素の直系の子孫が半透明になるように CSS が適用されています。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlelement/load_event/index.md b/files/ja/web/api/htmlelement/load_event/index.md
index 6b19fc989bff93..2d9d5efbcc82b1 100644
--- a/files/ja/web/api/htmlelement/load_event/index.md
+++ b/files/ja/web/api/htmlelement/load_event/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`load`** イベントは、リソースを含む要素において、そのリソースが完全に読み込まれたときに発行されます。今のところ、対応している HTML 要素は、{{HTMLElement("body")}}、{{HTMLElement("embed")}}、{{HTMLElement("iframe")}}、{{HTMLElement("img")}}、{{HTMLElement("link")}}、{{HTMLElement("object")}}、{{HTMLElement("script")}}、{{HTMLElement("style")}}、{{HTMLElement("track")}} です。
 
-> **メモ:** 実際には `load` イベントは、{{domxref("HTMLBodyElement#event_handlers", "HTMLBodyElement")}} においては、 {{domxref("Window/load_event", "window.onload")}} イベントの別名です。従って、`load` イベントは `<body>` 要素においては、その文書のすべてのリソースが読み込まれたかエラーになったときに、一度だけ発生します。しかし、わかりやすくするために、イベントハンドラーは `HTMLBodyElement` ではなく、`window` オブジェクトに直接取り付けることが推奨されます。
+> [!NOTE]
+> 実際には `load` イベントは、{{domxref("HTMLBodyElement#event_handlers", "HTMLBodyElement")}} においては、 {{domxref("Window/load_event", "window.onload")}} イベントの別名です。従って、`load` イベントは `<body>` 要素においては、その文書のすべてのリソースが読み込まれたかエラーになったときに、一度だけ発生します。しかし、わかりやすくするために、イベントハンドラーは `HTMLBodyElement` ではなく、`window` オブジェクトに直接取り付けることが推奨されます。
 
 このイベントはキャンセル不可で、バブリングしません。
 
diff --git a/files/ja/web/api/htmlelement/offsetheight/index.md b/files/ja/web/api/htmlelement/offsetheight/index.md
index 9608a9bac175c5..6ad82f5fc54000 100644
--- a/files/ja/web/api/htmlelement/offsetheight/index.md
+++ b/files/ja/web/api/htmlelement/offsetheight/index.md
@@ -14,7 +14,8 @@ l10n:
 
 （例えば、要素またはその祖先のいずれかで `style.display` を `"none"` に設定することにより）要素が非表示の場合は、`0` が返されます。
 
-> **メモ:** このプロパティは、値を整数に丸めます。 小数値が必要な場合は、{{ domxref("element.getBoundingClientRect()") }} を使用してください。
+> [!NOTE]
+> このプロパティは、値を整数に丸めます。 小数値が必要な場合は、{{ domxref("element.getBoundingClientRect()") }} を使用してください。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlelement/offsetparent/index.md b/files/ja/web/api/htmlelement/offsetparent/index.md
index dc56092af7c890..752a80a863b6b0 100644
--- a/files/ja/web/api/htmlelement/offsetparent/index.md
+++ b/files/ja/web/api/htmlelement/offsetparent/index.md
@@ -16,7 +16,8 @@ l10n:
 
 位置指定された祖先要素がない場合は、`body` を返します。
 
-> **メモ:** 次の状況では、`offsetParent` は `null` を返します。
+> [!NOTE]
+> 次の状況では、`offsetParent` は `null` を返します。
 >
 > - 要素またはその親要素の `display` プロパティが `none` に設定されている。
 > - 要素の `position` プロパティが `fixed`（固定位置指定）に設定されている（Firefox は `<body>` を返します）。
diff --git a/files/ja/web/api/htmlelement/offsetwidth/index.md b/files/ja/web/api/htmlelement/offsetwidth/index.md
index c48fc94c75d320..29a16c17e0f5e6 100644
--- a/files/ja/web/api/htmlelement/offsetwidth/index.md
+++ b/files/ja/web/api/htmlelement/offsetwidth/index.md
@@ -17,7 +17,8 @@ l10n:
 
 要素の `offsetWidth` ピクセル値に対応する整数です。 `offsetWidth` プロパティは読み取り専用です。
 
-> **メモ:** このプロパティは、値を整数に丸めます。 小数値が必要な場合は、{{ domxref("element.getBoundingClientRect()") }} を使用してください。
+> [!NOTE]
+> このプロパティは、値を整数に丸めます。 小数値が必要な場合は、{{ domxref("element.getBoundingClientRect()") }} を使用してください。
 
 ## 例
 
diff --git a/files/ja/web/api/htmlelement/outertext/index.md b/files/ja/web/api/htmlelement/outertext/index.md
index e145336260c89b..42a4bb7190e593 100644
--- a/files/ja/web/api/htmlelement/outertext/index.md
+++ b/files/ja/web/api/htmlelement/outertext/index.md
@@ -24,7 +24,8 @@ l10n:
 
 この例では、 `outerText` と `innerText` をセッターとして使用した場合の根本的な違いを強調しています（ゲッターで使用した場合は同じです）。
 
-> **メモ:** この例は [What is the difference between innerText and outerText?](https://stackoverflow.com/questions/18481382/what-is-the-difference-between-innertext-and-outertext/18481435#18481435) (Stack overflow) の記事で [codingintrigue](https://stackoverflow.com/users/571194/codingintrigue) が作成し、 [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) のライセンスで配布されているものを変更したものです。
+> [!NOTE]
+> この例は [What is the difference between innerText and outerText?](https://stackoverflow.com/questions/18481382/what-is-the-difference-between-innertext-and-outertext/18481435#18481435) (Stack overflow) の記事で [codingintrigue](https://stackoverflow.com/users/571194/codingintrigue) が作成し、 [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) のライセンスで配布されているものを変更したものです。
 
 以下のような HTML が入っているページがあるとします。
 
diff --git a/files/ja/web/api/htmlelement/style/index.md b/files/ja/web/api/htmlelement/style/index.md
index 47547fe3a7f1a1..d24437b5bffd6f 100644
--- a/files/ja/web/api/htmlelement/style/index.md
+++ b/files/ja/web/api/htmlelement/style/index.md
@@ -17,7 +17,8 @@ l10n:
 
 スタイル宣言は、`elt.style.color = null` のように、`null` または空文字列を設定することでリセットされます。
 
-> **メモ:** CSS プロパティ名は以下のルールで JavaScript の識別子に変換されます。
+> [!NOTE]
+> CSS プロパティ名は以下のルールで JavaScript の識別子に変換されます。
 >
 > - プロパティが 1 語で構成されている場合は、そのままの形になります。`height` はそのまま（小文字で）残ります。
 > - プロパティがダッシュ区切りで複数の単語から構成されている場合は、ダッシュが削除されて _キャメルケース_ へと変換されます。`background-attachment` は `backgroundAttachment` となります。
diff --git a/files/ja/web/api/htmlembedelement/index.md b/files/ja/web/api/htmlembedelement/index.md
index 3861ccfcd20ac1..71d2084677b204 100644
--- a/files/ja/web/api/htmlembedelement/index.md
+++ b/files/ja/web/api/htmlembedelement/index.md
@@ -9,7 +9,8 @@ l10n:
 
 **`HTMLEmbedElement`** インターフェイスは、（継承によって使用できる通常の {{domxref("HTMLElement")}} インターフェイスのものに加えて） {{HTMLElement("embed")}} 要素を操作するための特別なプロパティを提供します。
 
-> **メモ:** このトピックでは、標準規格で定義されている `HTMLEmbedElement` インターフェイスについて説明します。それ以前の、標準化されていない版のインターフェイスは扱いません。
+> [!NOTE]
+> このトピックでは、標準規格で定義されている `HTMLEmbedElement` インターフェイスについて説明します。それ以前の、標準化されていない版のインターフェイスは扱いません。
 
 {{InheritanceDiagram}}
 
diff --git a/files/ja/web/api/htmlformelement/elements/index.md b/files/ja/web/api/htmlformelement/elements/index.md
index f886ecf890c49e..0831019c1495ac 100644
--- a/files/ja/web/api/htmlformelement/elements/index.md
+++ b/files/ja/web/api/htmlformelement/elements/index.md
@@ -16,7 +16,8 @@ l10n:
 
 HTML 5 より前のバージョンでは、返されるオブジェクトは {{domxref("HTMLCollection")}} でした。 `HTMLFormControlsCollection` これに基づいています。
 
-> **メモ:** 同様に、指定された文書内のすべてのフォームの一覧を取得するには、その文書の {{domxref("Document.forms", "forms")}} プロパティを使用してください。
+> [!NOTE]
+> 同様に、指定された文書内のすべてのフォームの一覧を取得するには、その文書の {{domxref("Document.forms", "forms")}} プロパティを使用してください。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlframesetelement/index.md b/files/ja/web/api/htmlframesetelement/index.md
index 64947aba150ce9..9a1dfcdeac099d 100644
--- a/files/ja/web/api/htmlframesetelement/index.md
+++ b/files/ja/web/api/htmlframesetelement/index.md
@@ -30,7 +30,8 @@ _固有のメソッドはありませんが、親の {{domxref("HTMLElement")}}
 
 以下の {{domxref("Window")}} `onXYZ` イベントハンドラープロパティは対象の `window` オブジェクトへのエイリアスとして利用可能です。とはいえ、`HTMLFrameSetElement` でリッスンするのではなく、`window` オブジェクトで直接リッスンすることを推奨します。
 
-> **メモ:** 以下に挙げる `onXYZ` イベントにおいて、`HTMLFrameSetElement` で `addEventListener()` を使っても動きません。かわりに {{domxref("window")}} オブジェクトでイベントをリッスンしてください。
+> [!NOTE]
+> 以下に挙げる `onXYZ` イベントにおいて、`HTMLFrameSetElement` で `addEventListener()` を使っても動きません。かわりに {{domxref("window")}} オブジェクトでイベントをリッスンしてください。
 
 - {{domxref("window.afterprint_event", "HTMLFrameSetElement.onafterprint")}}
   - : 関連付けられたドキュメントの印刷を開始したか、印刷プレビューが閉じられた後発火します。
diff --git a/files/ja/web/api/htmlhtmlelement/version/index.md b/files/ja/web/api/htmlhtmlelement/version/index.md
index 98c9fad91e1e49..250f10f1ee6d20 100644
--- a/files/ja/web/api/htmlhtmlelement/version/index.md
+++ b/files/ja/web/api/htmlhtmlelement/version/index.md
@@ -8,7 +8,8 @@ l10n:
 
 {{ APIRef("HTML DOM") }} {{deprecated_header}}
 
-> **メモ:** このプロパティは、 HTML 4.01 の W3C 技術勧告で非推奨とされ、文書のバージョン情報を得るためには DTD を使用することが推奨されています。
+> [!NOTE]
+> このプロパティは、 HTML 4.01 の W3C 技術勧告で非推奨とされ、文書のバージョン情報を得るためには DTD を使用することが推奨されています。
 
 文書の文書型定義 (DTD) に関するバージョン情報を返します。 Mozilla はこのプロパティを認識しますが、このプロパティの返値は常に空文字列です。
 
diff --git a/files/ja/web/api/htmliframeelement/referrerpolicy/index.md b/files/ja/web/api/htmliframeelement/referrerpolicy/index.md
index c89ca1e62749a5..8b473cbf70c9eb 100644
--- a/files/ja/web/api/htmliframeelement/referrerpolicy/index.md
+++ b/files/ja/web/api/htmliframeelement/referrerpolicy/index.md
@@ -32,7 +32,8 @@ l10n:
 
   - : 同一オリジンまたはオリジン間リクエストを実行するときに、完全な URL を送信します。
 
-  > **メモ:** このポリシーは、 TLS で保護されたリソースから安全でないオリジンへのオリジンとパスを漏洩します
+  > [!NOTE]
+  > このポリシーは、 TLS で保護されたリソースから安全でないオリジンへのオリジンとパスを漏洩します
   > この設定の影響を慎重に検討してください。
 
 ## 例
diff --git a/files/ja/web/api/htmlimageelement/hspace/index.md b/files/ja/web/api/htmlimageelement/hspace/index.md
index 7cbf3aafa02f94..4b00ee816eb449 100644
--- a/files/ja/web/api/htmlimageelement/hspace/index.md
+++ b/files/ja/web/api/htmlimageelement/hspace/index.md
@@ -20,7 +20,8 @@ l10n:
 
 `hspace` に指定された値は {{cssxref("margin-left")}} および {{cssxref("margin-right")}} プロパティにマッピングされて、それらのマージンの幅をピクセル単位で指定します。
 
-> **警告:** このプロパティは廃止されました。代わりに、CSS の {{cssxref("margin")}} プロパティとその個別指定プロパティを使用して、`<img>` の周囲に余白を設定してください。
+> [!WARNING]
+> このプロパティは廃止されました。代わりに、CSS の {{cssxref("margin")}} プロパティとその個別指定プロパティを使用して、`<img>` の周囲に余白を設定してください。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlimageelement/image/index.md b/files/ja/web/api/htmlimageelement/image/index.md
index c98c8b0783fcbd..276fe724e0b4d3 100644
--- a/files/ja/web/api/htmlimageelement/image/index.md
+++ b/files/ja/web/api/htmlimageelement/image/index.md
@@ -10,7 +10,8 @@ l10n:
 
 **`Image()`** コンストラクターは、新しい {{DOMxRef("HTMLImageElement")}} インスタンスを作成します。機能的には {{DOMxRef("Document.createElement()", "document.createElement('img')")}} と同等です。
 
-> **メモ:** この関数を CSS の [`image()`](/ja/docs/Web/CSS/image/image) 関数と混同しないでください。
+> [!NOTE]
+> この関数を CSS の [`image()`](/ja/docs/Web/CSS/image/image) 関数と混同しないでください。
 
 ## 構文
 
diff --git a/files/ja/web/api/htmlimageelement/ismap/index.md b/files/ja/web/api/htmlimageelement/ismap/index.md
index b0644df78d80cd..94276cb657b1c7 100644
--- a/files/ja/web/api/htmlimageelement/ismap/index.md
+++ b/files/ja/web/api/htmlimageelement/ismap/index.md
@@ -11,7 +11,8 @@ l10n:
 {{domxref("HTMLImageElement")}} の **`isMap`** プロパティは、論理値で、画像がサーバーサイドイメージマップで使用されることを示します。
 これは {{HTMLElement("a")}} 要素内にある画像にのみ使用することができます。
 
-> **メモ:** アクセシビリティの観点から、サーバーサイドイメージマップはマウスを使う必要があるため、一般に使用しない方が良いでしょう。代わりに[クライアントサイドイメージマップ](/ja/docs/Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image)を使ってください。
+> [!NOTE]
+> アクセシビリティの観点から、サーバーサイドイメージマップはマウスを使う必要があるため、一般に使用しない方が良いでしょう。代わりに[クライアントサイドイメージマップ](/ja/docs/Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image)を使ってください。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlimageelement/loading/index.md b/files/ja/web/api/htmlimageelement/loading/index.md
index e323303d7c0e49..dc3198a7d67e0a 100644
--- a/files/ja/web/api/htmlimageelement/loading/index.md
+++ b/files/ja/web/api/htmlimageelement/loading/index.md
@@ -25,7 +25,8 @@ l10n:
 
 ## 使用上の注意
 
-> **メモ:** Firefox では、`loading` 属性は `src` 属性の前に定義しなければならず、そうでなければ効果がありません（[Firefox バグ 1647077](https://bugzil.la/1647077)）。
+> [!NOTE]
+> Firefox では、`loading` 属性は `src` 属性の前に定義しなければならず、そうでなければ効果がありません（[Firefox バグ 1647077](https://bugzil.la/1647077)）。
 
 ### JavaScript を有効にする必要がある
 
diff --git a/files/ja/web/api/htmlimageelement/name/index.md b/files/ja/web/api/htmlimageelement/name/index.md
index f1e4416797d874..e4a99429045b1a 100644
--- a/files/ja/web/api/htmlimageelement/name/index.md
+++ b/files/ja/web/api/htmlimageelement/name/index.md
@@ -14,7 +14,8 @@ l10n:
 
 画像を参照するための名前を指定する文字列。
 
-> **警告:** このプロパティは非推奨であり、後方互換性のために仕様に残っているだけです。このプロパティは [`id`](/ja/docs/Web/HTML/Global_attributes#id) と同じように機能するため、代わりにこれを使用することができますし、また使用すべきです。
+> [!WARNING]
+> このプロパティは非推奨であり、後方互換性のために仕様に残っているだけです。このプロパティは [`id`](/ja/docs/Web/HTML/Global_attributes#id) と同じように機能するため、代わりにこれを使用することができますし、また使用すべきです。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlimageelement/naturalheight/index.md b/files/ja/web/api/htmlimageelement/naturalheight/index.md
index dab2be5a76c747..adea5d8e8733c7 100644
--- a/files/ja/web/api/htmlimageelement/naturalheight/index.md
+++ b/files/ja/web/api/htmlimageelement/naturalheight/index.md
@@ -12,7 +12,8 @@ l10n:
 
 これは、画像の高さを制限するものがない状態で描画された場合の高さです。画像の高さが指定されなかった場合、または画像の高さを制限するか明示的に指定するコンテナー内に画像が配置されなかった場合は、この高さでレンダリングされます。
 
-> **メモ:** ほとんどの場合、自然な高さとは、サーバーから送信された画像の実際の高さです。とはいえ、ブラウザーは画像をレンダラーに送る前に画像を修正することがあります。たとえば、Chrome は[ローエンド端末で画像の解像度を低下](https://crbug.com/1187043#c7)させます。このような場合、`naturalHeight` はそのようなブラウザーの介入によって修正された画像の高さを自然な高さとみなして、この値を返します。
+> [!NOTE]
+> ほとんどの場合、自然な高さとは、サーバーから送信された画像の実際の高さです。とはいえ、ブラウザーは画像をレンダラーに送る前に画像を修正することがあります。たとえば、Chrome は[ローエンド端末で画像の解像度を低下](https://crbug.com/1187043#c7)させます。このような場合、`naturalHeight` はそのようなブラウザーの介入によって修正された画像の高さを自然な高さとみなして、この値を返します。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlimageelement/naturalwidth/index.md b/files/ja/web/api/htmlimageelement/naturalwidth/index.md
index d11b12d9ecab75..b2685202dc093f 100644
--- a/files/ja/web/api/htmlimageelement/naturalwidth/index.md
+++ b/files/ja/web/api/htmlimageelement/naturalwidth/index.md
@@ -15,7 +15,8 @@ l10n:
 
 対応する {{domxref("HTMLImageElement.naturalHeight", "naturalHeight")}} メソッドは、画像の自然な高さを返します。
 
-> **メモ:** ほとんどの場合、自然な幅とは、サーバーから送信された画像の実際の幅です。とはいえ、ブラウザーは画像をレンダラーに送る前に画像を修正することがあります。たとえば、Chrome は[ローエンド端末で画像の解像度を低下](https://crbug.com/1187043#c7)させます。このような場合、`naturalWidth` はそのようなブラウザーの介入によって修正された画像の幅を自然な幅とみなして、この値を返します。
+> [!NOTE]
+> ほとんどの場合、自然な幅とは、サーバーから送信された画像の実際の幅です。とはいえ、ブラウザーは画像をレンダラーに送る前に画像を修正することがあります。たとえば、Chrome は[ローエンド端末で画像の解像度を低下](https://crbug.com/1187043#c7)させます。このような場合、`naturalWidth` はそのようなブラウザーの介入によって修正された画像の幅を自然な幅とみなして、この値を返します。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlimageelement/sizes/index.md b/files/ja/web/api/htmlimageelement/sizes/index.md
index baf2f473196bb8..5c5c2ce707db08 100644
--- a/files/ja/web/api/htmlimageelement/sizes/index.md
+++ b/files/ja/web/api/htmlimageelement/sizes/index.md
@@ -24,7 +24,8 @@ l10n:
 
 ソースサイズの値は CSS の {{cssxref("length")}} です。フォントと相対的な単位 (`em` や `ex` など)、絶対的な単位 (`px` や `cm` など)、または `vw` という単位を使って指定することができ、ビューポート幅に対する割合（`1vw` はビューポート幅の 1%）で指定することができます。
 
-> **メモ:** ソースサイズ値は、コンテナーサイズに対するパーセント値として指定してはいけません。つまり、`50%` や `100%` といった長さの指定は、指定した値が何に対するパーセント値であるかが不明確になるため、許されません。
+> [!NOTE]
+> ソースサイズ値は、コンテナーサイズに対するパーセント値として指定してはいけません。つまり、`50%` や `100%` といった長さの指定は、指定した値が何に対するパーセント値であるかが不明確になるため、許されません。
 
 ## 例
 
diff --git a/files/ja/web/api/htmlimageelement/vspace/index.md b/files/ja/web/api/htmlimageelement/vspace/index.md
index b37bebe2e44198..d4f2002476c9f5 100644
--- a/files/ja/web/api/htmlimageelement/vspace/index.md
+++ b/files/ja/web/api/htmlimageelement/vspace/index.md
@@ -18,7 +18,8 @@ l10n:
 
 `vspace` に指定された値は {{cssxref("margin-top")}} と {{cssxref("margin-bottom")}} プロパティに対応付けられ、それらのマージンの高さをピクセル単位で指定します。
 
-> **警告:** このプロパティは廃止されています。代わりに、 CSS の {{cssxref("margin")}} プロパティとその個別指定形を使用して、`<img>` の周囲にマージンを設定してください。
+> [!WARNING]
+> このプロパティは廃止されています。代わりに、 CSS の {{cssxref("margin")}} プロパティとその個別指定形を使用して、`<img>` の周囲にマージンを設定してください。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmlinputelement/popovertargetaction/index.md b/files/ja/web/api/htmlinputelement/popovertargetaction/index.md
index 0a0c52fc13f87f..67887c010997fa 100644
--- a/files/ja/web/api/htmlinputelement/popovertargetaction/index.md
+++ b/files/ja/web/api/htmlinputelement/popovertargetaction/index.md
@@ -70,7 +70,8 @@ if (supportsPopover()) {
 }
 ```
 
-> **メモ:** ポップオーバー要素は既定では非表示ですが、 API に対応していない場合は「通常通り」表示されます。
+> [!NOTE]
+> ポップオーバー要素は既定では非表示ですが、 API に対応していない場合は「通常通り」表示されます。
 
 下記の例を試してみてください。
 ボタンを切り替えることでポップオーバーを表示させたり、非表示にしたりできます。
diff --git a/files/ja/web/api/htmlinputelement/popovertargetelement/index.md b/files/ja/web/api/htmlinputelement/popovertargetelement/index.md
index 54d2e8e2858193..d0e64c985b66ee 100644
--- a/files/ja/web/api/htmlinputelement/popovertargetelement/index.md
+++ b/files/ja/web/api/htmlinputelement/popovertargetelement/index.md
@@ -83,7 +83,8 @@ if (supportsPopover()) {
 }
 ```
 
-> **メモ:** ポップオーバー要素は既定では非表示ですが、 API に対応していない場合は「通常通り」表示されます。
+> [!NOTE]
+> ポップオーバー要素は既定では非表示ですが、 API に対応していない場合は「通常通り」表示されます。
 
 下記の例を試してみてください。
 ボタンを切り替えることでポップオーバーを表示させたり、非表示にしたりできます。
diff --git a/files/ja/web/api/htmlinputelement/selectiondirection/index.md b/files/ja/web/api/htmlinputelement/selectiondirection/index.md
index b894cb75fec4e2..9258f9bf208d99 100644
--- a/files/ja/web/api/htmlinputelement/selectiondirection/index.md
+++ b/files/ja/web/api/htmlinputelement/selectiondirection/index.md
@@ -21,9 +21,11 @@ l10n:
 - `none`
   - : ユーザーは選択範囲を拡張していません。
 
-> **メモ:** Windows では、方向は選択範囲に対するキャレットの相対位置を示します。 "forward" 選択ではキャレットは選択範囲の終わりにあり、 "backward" 選択ではキャレットは選択範囲の始めにあります。 Windows には "none" の方向はありません。
+> [!NOTE]
+> Windows では、方向は選択範囲に対するキャレットの相対位置を示します。 "forward" 選択ではキャレットは選択範囲の終わりにあり、 "backward" 選択ではキャレットは選択範囲の始めにあります。 Windows には "none" の方向はありません。
 
-> **メモ:** Mac では、 方向はユーザーが Shift キー修飾つきの矢印キーを使用して選択範囲の大きさを変更したときに、 選択範囲のどの終わりが影響を受けるかを示します。 "forward" 方向は選択範囲の終わりが変更されることを意味し、 "backward" 方向は選択範囲の始めが変更されることを意味します。 "none" 方向は Mac の既定で、まだ具体的な方向が選択されていないことを示します。ユーザーは最初に選択範囲を調整するときに、どの方向の矢印キーを用いたかに基づいて暗黙のうちに方向を設定します。
+> [!NOTE]
+> Mac では、 方向はユーザーが Shift キー修飾つきの矢印キーを使用して選択範囲の大きさを変更したときに、 選択範囲のどの終わりが影響を受けるかを示します。 "forward" 方向は選択範囲の終わりが変更されることを意味し、 "backward" 方向は選択範囲の始めが変更されることを意味します。 "none" 方向は Mac の既定で、まだ具体的な方向が選択されていないことを示します。ユーザーは最初に選択範囲を調整するときに、どの方向の矢印キーを用いたかに基づいて暗黙のうちに方向を設定します。
 
 ## 例
 
diff --git a/files/ja/web/api/htmlinputelement/webkitdirectory/index.md b/files/ja/web/api/htmlinputelement/webkitdirectory/index.md
index 0fac0f94d814d7..5455da11e53858 100644
--- a/files/ja/web/api/htmlinputelement/webkitdirectory/index.md
+++ b/files/ja/web/api/htmlinputelement/webkitdirectory/index.md
@@ -12,7 +12,8 @@ l10n:
 ディレクトリーが選択された場合、ディレクトリーとその内容の階層構造が選択されたアイテムのセットに含まれます。
 選択されているファイルシステムの項目は、 {{domxref("HTMLInputElement.webkitEntries", "webkitEntries")}} を使用して受け取ることができます。
 
-> **メモ:** このプロパティは、Google Chrome 固有の API として元々存在していたため、仕様書では `webkitEntries` と呼ばれています。いつか改名される可能性があります。
+> [!NOTE]
+> このプロパティは、Google Chrome 固有の API として元々存在していたため、仕様書では `webkitEntries` と呼ばれています。いつか改名される可能性があります。
 
 ## 値
 
diff --git a/files/ja/web/api/htmlinputelement/webkitentries/index.md b/files/ja/web/api/htmlinputelement/webkitentries/index.md
index 28601248c4571a..e94de32826274e 100644
--- a/files/ja/web/api/htmlinputelement/webkitentries/index.md
+++ b/files/ja/web/api/htmlinputelement/webkitentries/index.md
@@ -12,7 +12,8 @@ l10n:
 
 {{domxref("HTMLInputElement.webkitdirectory", "webkitdirectory")}} プロパティが `true` である場合のみ、配列が入ることがあります。これは、 `<input>` 要素でユーザーがディレクトリーを選択することができることを意味します。
 
-> **メモ:** このプロパティは仕様書で `webkitEntries` と呼ばれていますが、これはもともと Google Chrome 独自の API であったためです。いつか改名される可能性があります。
+> [!NOTE]
+> このプロパティは仕様書で `webkitEntries` と呼ばれていますが、これはもともと Google Chrome 独自の API であったためです。いつか改名される可能性があります。
 
 ## 値
 
diff --git a/files/ja/web/api/htmllabelelement/control/index.md b/files/ja/web/api/htmllabelelement/control/index.md
index a906905c519b99..a3fd9b510b9a6a 100644
--- a/files/ja/web/api/htmllabelelement/control/index.md
+++ b/files/ja/web/api/htmllabelelement/control/index.md
@@ -14,7 +14,8 @@ l10n:
 
 {{domxref("HTMLElement")}} の派生オブジェクトで、この {{HTMLElement("label")}} が関連付けられているコントロールを表します。ラベルが孤立している場合は `null` になります。
 
-> **メモ:** このプロパティに値があり、 {{domxref("HTMLLabelElement.htmlFor")}} に値がある場合、 {{domxref("HTMLLabelElement.htmlFor")}} プロパティは必ず同じコントロールを参照します。
+> [!NOTE]
+> このプロパティに値があり、 {{domxref("HTMLLabelElement.htmlFor")}} に値がある場合、 {{domxref("HTMLLabelElement.htmlFor")}} プロパティは必ず同じコントロールを参照します。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/htmllabelelement/htmlfor/index.md b/files/ja/web/api/htmllabelelement/htmlfor/index.md
index ad3ffaee67e5cb..703050357dc475 100644
--- a/files/ja/web/api/htmllabelelement/htmlfor/index.md
+++ b/files/ja/web/api/htmllabelelement/htmlfor/index.md
@@ -14,7 +14,8 @@ l10n:
 
 文字列で、このコントロールに関連する要素の ID 文字列が入ります。
 
-> **メモ:** このプロパティに値がある場合 {{domxref("HTMLLabelElement.control")}} プロパティも同じコントロールになります。
+> [!NOTE]
+> このプロパティに値がある場合 {{domxref("HTMLLabelElement.control")}} プロパティも同じコントロールになります。
 
 ## 仕様書