と、
H25: title 要素を用いて、ページタイトルを提供する
の違い。
ぱっと見同じっぽく見えるが、以下の違いがある
- G88・・・ページのタイトル
- H25・・・ページのタイトルおよび、<frameset>の中の、個々の<frame>のページタイトル
H25は、<frameset>の中の、個々の<frame>だけじゃなくて、通常のページのページタイトルも含む
H25を見ると以下の様に記載がある。
この達成方法の目的は、フレームセットの個々のフレームに含まれるものを含む全ての HTML及び XHTML ドキュメントにおいて、head 要素のセクション内で title 要素を用いてドキュメントの目的を簡単な文言で定義することである。
また、手順も以下のようになっており、frame 内に限定している記述は無い。
HTML 又は XHTML ドキュメントのソースコードを調べ、head 要素内に空でない title 要素があることを確認する。
html5以降では、<frameset>要素および<frame>要素は廃止されているため、
実質、G88とH25は全く同じということなる。
そのため、G88が適用になる場合、H25も適用になる。
AIの回答。G88はページタイトルの内容で、H25はページタイトルの技術的な実装
リートン＞GTPターボ先生によると、以下の回答だったお。こっちのほうがしっくり来るね。
違いと補完関係
・G88はページタイトルの内容に焦点を当てています。つまり、タイトルが説明的かつ意味のあるものであることを重視しています。
・H25はページタイトルの技術的な実装に焦点を当てています。具体的には、要素を正しく使用することを求めています。<br /> 補完関係:</p> <p> ・G88とH25は相互に補完的な技法です。G88で説明的なタイトルを決定し、それをH25で正しく実装することで、達成基準2.4.2を完全に満たすことができます。<br /> ・したがって、両方の技法を組み合わせて使用することで、ページタイトルが内容を適切に説明し、技術的にも正しく実装されていることを保証できます。 </p></blockquote> </div> <footer class="article-footer entry-footer"> <div class="entry-categories-tags ctdt-one-row"> <div class="entry-categories"><a class="cat-link cat-link-127" href="https://it-afi.com/category/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/"><span class="fa fa-folder cat-icon tax-icon" aria-hidden="true"></span>Webアクセシビリティ</a></div> </div> <div class="ad-area no-icon ad-content-bottom ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock"> <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div> <div class="ad-wrap"> <div class="ad-responsive ad-usual"><!-- レスポンシブコード --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4895059887263926" data-ad-slot="6752884896" data-ad-format="rectangle" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> </div> <div class="sns-share ss-col-3 bc-brand-color sbc-hide ss-bottom"> <div class="sns-share-message">シェアする</div> <div class="sns-share-buttons sns-buttons"> <a href="https://twitter.com/intent/tweet?text=%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E9%81%94%E6%88%90%E6%96%B9%E6%B3%95G88%E3%81%A8H25%E3%81%AE%E9%81%95%E3%81%84&url=https%3A%2F%2Fit-afi.com%2Fweb%25e3%2582%25a2%25e3%2582%25af%25e3%2582%25bb%25e3%2582%25b7%25e3%2583%2593%25e3%2583%25aa%25e3%2583%2586%25e3%2582%25a3%2F%25e3%2583%259a%25e3%2583%25bc%25e3%2582%25b8%25e3%2582%25bf%25e3%2582%25a4%25e3%2583%2588%25e3%2583%25ab%25e3%2581%25ab%25e9%2596%25a2%25e3%2581%2599%25e3%2582%258b%25e9%2581%2594%25e6%2588%2590%25e6%2596%25b9%25e6%25b3%2595g88%25e3%2581%25a8h25%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584%2F" class="sns-button share-button twitter-button twitter-share-button-sq" target="_blank" rel="nofollow noopener noreferrer"><span class="social-icon icon-twitter"></span><span class="button-caption">Twitter</span><span class="share-count twitter-share-count"></span></a> <a href="//www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fit-afi.com%2Fweb%25e3%2582%25a2%25e3%2582%25af%25e3%2582%25bb%25e3%2582%25b7%25e3%2583%2593%25e3%2583%25aa%25e3%2583%2586%25e3%2582%25a3%2F%25e3%2583%259a%25e3%2583%25bc%25e3%2582%25b8%25e3%2582%25bf%25e3%2582%25a4%25e3%2583%2588%25e3%2583%25ab%25e3%2581%25ab%25e9%2596%25a2%25e3%2581%2599%25e3%2582%258b%25e9%2581%2594%25e6%2588%2590%25e6%2596%25b9%25e6%25b3%2595g88%25e3%2581%25a8h25%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584%2F&t=%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E9%81%94%E6%88%90%E6%96%B9%E6%B3%95G88%E3%81%A8H25%E3%81%AE%E9%81%95%E3%81%84" class="sns-button share-button facebook-button facebook-share-button-sq" target="_blank" rel="nofollow noopener noreferrer"><span class="social-icon icon-facebook"></span><span class="button-caption">Facebook</span><span class="share-count facebook-share-count"></span></a> <a href="//b.hatena.ne.jp/entry/s/it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e9%81%94%e6%88%90%e6%96%b9%e6%b3%95g88%e3%81%a8h25%e3%81%ae%e9%81%95%e3%81%84/" class="sns-button share-button hatebu-button hatena-bookmark-button hatebu-share-button-sq" data-hatena-bookmark-layout="simple" title="ページタイトルに関する達成方法G88とH25の違い" target="_blank" rel="nofollow noopener noreferrer"><span class="social-icon icon-hatena"></span><span class="button-caption">はてブ</span><span class="share-count hatebu-share-count"></span></a> <a href="//getpocket.com/edit?url=https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e9%81%94%e6%88%90%e6%96%b9%e6%b3%95g88%e3%81%a8h25%e3%81%ae%e9%81%95%e3%81%84/" class="sns-button share-button pocket-button pocket-share-button-sq" target="_blank" rel="nofollow noopener noreferrer"><span class="social-icon icon-pocket"></span><span class="button-caption">Pocket</span><span class="share-count pocket-share-count"></span></a> <a href="//timeline.line.me/social-plugin/share?url=https%3A%2F%2Fit-afi.com%2Fweb%25e3%2582%25a2%25e3%2582%25af%25e3%2582%25bb%25e3%2582%25b7%25e3%2583%2593%25e3%2583%25aa%25e3%2583%2586%25e3%2582%25a3%2F%25e3%2583%259a%25e3%2583%25bc%25e3%2582%25b8%25e3%2582%25bf%25e3%2582%25a4%25e3%2583%2588%25e3%2583%25ab%25e3%2581%25ab%25e9%2596%25a2%25e3%2581%2599%25e3%2582%258b%25e9%2581%2594%25e6%2588%2590%25e6%2596%25b9%25e6%25b3%2595g88%25e3%2581%25a8h25%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584%2F" class="sns-button share-button line-button line-share-button-sq" target="_blank" rel="nofollow noopener noreferrer"><span class="social-icon icon-line"></span><span class="button-caption">LINE</span><span class="share-count line-share-count"></span></a> <a role="button" tabindex="0" class="sns-button share-button copy-button copy-share-button-sq" rel="nofollow noopener noreferrer" data-clipboard-text="ページタイトルに関する達成方法G88とH25の違い https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e9%81%94%e6%88%90%e6%96%b9%e6%b3%95g88%e3%81%a8h25%e3%81%ae%e9%81%95%e3%81%84/"><span class="social-icon icon-copy"></span><span class="button-caption">コピー</span><span class="share-count copy-share-count"></span></a> </div><!-- /.sns-share-buttons --> </div><!-- /.sns-share --> <!-- SNSページ --> <div class="sns-follow bc-brand-color fbc-hide sf-bottom"> <div class="sns-follow-message">クズリーマンをフォローする</div> <div class="sns-follow-buttons sns-buttons"> <a href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fit-afi.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読" rel="nofollow noopener noreferrer"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a> <a href="https://it-afi.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー" rel="nofollow noopener noreferrer"><span class="icon-rss-logo"></span></a> </div><!-- /.sns-follow-buttons --> </div><!-- /.sns-follow --> <div class="footer-meta"> <div class="author-info"> <span class="fa fa-pencil" aria-hidden="true"></span> <a href="https://it-afi.com/author/gariafi/" class="author-link"> <span class="post-author vcard author" itemprop="editor author creator copyrightHolder" itemscope itemtype="https://schema.org/Person"> <meta itemprop="url" content="https://it-afi.com/author/gariafi/"> <span class="author-name fn" itemprop="name">クズリーマン</span> </span> </a> </div> </div> <!-- publisher設定 --> <div class="publisher" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"> <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"> <img src="https://it-afi.com/wp-content/themes/cocoon-master/images/no-amp-logo.png" width="206" height="60" alt=""> <meta itemprop="url" content="https://it-afi.com/wp-content/themes/cocoon-master/images/no-amp-logo.png"> <meta itemprop="width" content="206"> <meta itemprop="height" content="60"> </div> <div itemprop="name">クズリーマンのカス備忘録</div> </div> </footer> </article> <div class="under-entry-content"> <aside id="related-entries" class="related-entries rect-entry-card"> <h2 class="related-entry-heading"> <span class="related-entry-main-heading main-caption"> 関連記事 </span> </h2> <div class="related-list"> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/g124-%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e5%85%88%e9%a0%ad%e3%81%ab%e3%80%81%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%81%ae%e5%90%84%e3%82%a8%e3%83%aa%e3%82%a2%e3%81%b8%e3%81%ae%e3%83%aa/" class="related-entry-card-wrap a-wrap border-element cf" title="G124: ページの先頭に、コンテンツの各エリアへのリンクを追加するは、ページの先頭または非常に近い位置に設置する必要がある"> <article class="post-4653 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> G124: ページの先頭に、コンテンツの各エリアへのリンクを追加するは、ページの先頭または非常に近い位置に設置する必要がある </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> ページ内リンクが先頭ではない場合は適合になりにくいメインエリアへのリンク↓親サイトへのリンク↓文字サイズ変更ボタン↓検索ボックス↓ページ内リンク集みたいな順番で設置されている場合、ページ内リンク集はサイトの先頭にあると言いづらいので適合には... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/%e3%82%bb%e3%83%9e%e3%83%b3%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%81%a8%e3%81%af/" class="related-entry-card-wrap a-wrap border-element cf" title="セマンティクスとは"> <article class="post-2914 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> セマンティクスとは </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> G140の説明を読んでいたら「セマンティクス」という言葉が出てきた。 独立した構造、機能、及び提示レイヤーを提供することにより、書式設定によって暗示されたセマンティクスが、構造レイヤーを通してプログラムによる解釈が可能になる。 セマン... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/role%e5%b1%9e%e6%80%a7%e3%81%a8%e3%81%af/" class="related-entry-card-wrap a-wrap border-element cf" title="role属性とは"> <article class="post-2933 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> role属性とは </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> roleとは 英単語のroleとは「役割」という意味です。 HTMLでのrole属性はタグごとに設定する属性で、「タグごとの役割」という意味になります。 role属性に設定した値は、ブラウザに表示されるものではありません。 「目の不自由な... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/h91-html-%e3%81%ae%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%82%b3%e3%83%b3%e3%83%88%e3%83%ad%e3%83%bc%e3%83%ab%e5%8f%8a%e3%81%b3%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%99%e3%82%8b/" class="related-entry-card-wrap a-wrap border-element cf" title="H91: HTML のフォームコントロール及びリンクを使用する で、a要素にtitle属性をつける必要は無い。buttonにtitleをつける必要はない"> <article class="post-3005 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> H91: HTML のフォームコントロール及びリンクを使用する で、a要素にtitle属性をつける必要は無い。buttonにtitleをつける必要はない </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> H91: HTML のフォームコントロール及びリンクを使用するについて。解説の中に載っている表を見ると、aタグのname欄にtitleがある。<a> 要素の title 属性、画像リンクの場合は alt 属性。テキストと画像の alt 属性... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/2-4-6-%e8%a6%8b%e5%87%ba%e3%81%97%e5%8f%8a%e3%81%b3%e3%83%a9%e3%83%99%e3%83%ab%ef%bd%9e%e3%80%80%e3%81%af%e3%80%81%e5%bf%85%e3%81%9a%e3%81%97%e3%82%82%e9%81%a9%e7%94%a8%e3%81%ab%e3%81%97%e3%81%aa/" class="related-entry-card-wrap a-wrap border-element cf" title="2.4.6 見出し及びラベル～ は、必ずしも適用にしなくて良い"> <article class="post-3082 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> 2.4.6 見出し及びラベル～ は、必ずしも適用にしなくて良い </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> 2.4.6 見出し及びラベル: 見出し及びラベルは、主題又は目的を説明している。 (レベル AA) の「意図」には以下の記述がある。 注記:この達成基準は見出しやラベルを必ずしも必要としない。 まー、ラベルはともかく見出しを一切使わな... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/g178-%e3%81%ae%e6%89%8b%e9%a0%86%e3%81%a7%e5%87%ba%e3%81%a6%e3%81%8f%e3%82%8b%e3%80%81%e3%83%93%e3%83%a5%e3%83%bc%e3%83%9d%e3%83%bc%e3%83%88%e3%81%a3%e3%81%a6%e3%81%aa%e3%81%ab%ef%bc%9f/" class="related-entry-card-wrap a-wrap border-element cf" title="G178 の手順で出てくる、ビューポートってなに？"> <article class="post-2999 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> G178 の手順で出てくる、ビューポートってなに？ </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> G178: 利用者がウェブページ上のすべてのテキストを 200％まで徐々に変更できるコントロールをウェブページ上で提供する について。 ちなみに、 「すべてのテキスト」 というのがミソで、一部でも（第三者による埋込コンテンツなど）変更で... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> </div> </aside> <div class="ad-area no-icon ad-below-related-posts ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock"> <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div> <div class="ad-wrap"> <div class="ad-responsive ad-usual"><!-- レスポンシブコード --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4895059887263926" data-ad-slot="6752884896" data-ad-format="rectangle" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> </div> <div id="pager-post-navi" class="pager-post-navi post-navi-default cf"> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/scr28-%e3%81%af%e3%80%81%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc%e3%82%ac%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a8%e3%81%8b%e3%80%81%e7%9b%ae%e6%ac%a1%e3%81%a8%e3%81%8b%ef%bc%88%e3%81%93/" title="SCR28 は、ハンバーガーメニューとか、目次とか（このブログでも使用している）" class="prev-post a-wrap border-element cf"> <div class="fa fa-chevron-left iconfont" aria-hidden="true"></div> <figure class="prev-post-thumb card-thumb"><img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /></figure> <div class="prev-post-title">SCR28 は、ハンバーガーメニューとか、目次とか（このブログでも使用している）</div></a><a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/g59%e3%81%ae%e3%80%81%e3%80%8c%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%a9%e3%82%af%e3%83%86%e3%82%a3%e3%83%96%e3%81%aa%e8%a6%81%e7%b4%a0%e3%80%8d%e3%81%af%e3%80%81%e5%8d%98%e3%81%aa%e3%82%8b%e3%83%aa/" title="G59の、「インタラクティブな要素」は、単なるリンクも含む。" class="next-post a-wrap cf"> <div class="fa fa-chevron-right iconfont" aria-hidden="true"></div> <figure class="next-post-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /></figure> <div class="next-post-title">G59の、「インタラクティブな要素」は、単なるリンクも含む。</div></a></div><!-- /.pager-post-navi --> <!-- comment area --> <div id="comment-area" class="comment-area"> <section class="comment-list"> <h2 id="comments" class="comment-title"> コメント </h2> </section> <aside class="comment-form"> <button id="comment-reply-btn" class="comment-btn key-btn">コメントを書き込む</button> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">コメントをどうぞ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e9%81%94%e6%88%90%e6%96%b9%e6%b3%95g88%e3%81%a8h25%e3%81%ae%e9%81%95%e3%81%84/#respond" style="display:none;">コメントをキャンセル</a></small></h3><form action="https://it-afi.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">メールアドレスが公開されることはありません。</span> <span class="required">*</span> が付いている欄は必須項目です</p><p class="comment-form-comment"><label for="comment">コメント <span class="required">※</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">名前 <span class="required">※</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p> <p class="comment-form-email"><label for="email">メール <span class="required">※</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p> <p class="comment-form-url"><label for="url">サイト</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="コメントを送信" /> <input type='hidden' name='comment_post_ID' value='3040' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="ed44c57869" /></p><p style="display: none !important;"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="155"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div><!-- #respond --> <p class="akismet_comment_form_privacy_notice">このサイトはスパムを低減するために Akismet を使っています。<a href="https://akismet.com/privacy/" target="_blank" rel="nofollow noopener">コメントデータの処理方法の詳細はこちらをご覧ください</a>。</p></aside></div><!-- /.comment area --> </div> <div id="breadcrumb" class="breadcrumb breadcrumb-category sbp-main-bottom" itemscope itemtype="https://schema.org/BreadcrumbList"><div class="breadcrumb-home" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span class="fa fa-home fa-fw" aria-hidden="true"></span><a href="https://it-afi.com" itemprop="item"><span itemprop="name" class="breadcrumb-caption">ホーム</span></a><meta itemprop="position" content="1" /><span class="sp"><span class="fa fa-angle-right" aria-hidden="true"></span></span></div><div class="breadcrumb-item" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span class="fa fa-folder fa-fw" aria-hidden="true"></span><a href="https://it-afi.com/category/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/" itemprop="item"><span itemprop="name" class="breadcrumb-caption">Webアクセシビリティ</span></a><meta itemprop="position" content="2" /></div></div><!-- /#breadcrumb --> </main> <div id="sidebar" class="sidebar nwa cf" role="complementary"> <div class="ad-area no-icon ad-sidebar-top ad-auto ad-label-invisible cf" itemscope itemtype="https://schema.org/WPAdBlock"> <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div> <div class="ad-wrap"> <div class="ad-responsive ad-usual"><!-- レスポンシブコード --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4895059887263926" data-ad-slot="6752884896" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> </div> <aside id="search-4" class="widget widget-sidebar widget-sidebar-standard widget_search"><form class="search-box input-box" method="get" action="https://it-afi.com/"> <input type="text" placeholder="サイト内を検索" name="s" class="search-edit" aria-label="input" value=""> <button type="submit" class="search-submit" aria-label="button"><span class="fa fa-search" aria-hidden="true"></span></button> </form> </aside><aside id="popular_entries-3" class="widget widget-sidebar widget-sidebar-standard widget_popular_entries"><h3 class="widget-sidebar-title widget-title">週間アクセスランキング</h3> <div class="popular-entry-cards widget-entry-cards no-icon cf ranking-visible"> <a href="https://it-afi.com/excel/post-1666/" class="popular-entry-card-link widget-entry-card-link a-wrap no-1" title="ExcelなどでNASを信頼できる場所に追加するには名前でアクセスするしかない"> <div class="post-1666 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-excel-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="76" height="68" src="https://it-afi.com/wp-content/uploads/2021/02/greenx-logo.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">ExcelなどでNASを信頼できる場所に追加するには名前でアクセスするしかない</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2021.02.03</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2022.06.24</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/%e3%83%8d%e3%83%83%e3%83%88%e3%83%af%e3%83%bc%e3%82%af/ip%e3%82%a2%e3%83%89%e3%83%ac%e3%82%b9%e3%81%ae%e3%82%af%e3%83%a9%e3%82%b9a%e3%82%af%e3%83%a9%e3%82%b9b%e3%82%af%e3%83%a9%e3%82%b9c%e3%81%a8%e3%81%af%e3%80%81%e5%8f%a4%e3%81%84%e6%a6%82%e5%bf%b5/" class="popular-entry-card-link widget-entry-card-link a-wrap no-2" title="IPアドレスのクラスA,クラスB,クラスCとは、古い概念よ"> <div class="post-3510 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard hentry category-137-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img src="https://it-afi.com/wp-content/themes/cocoon-master/images/no-image-120.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image" width="120" height="68" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">IPアドレスのクラスA,クラスB,クラスCとは、古い概念よ</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2022.11.24</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2023.09.27</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/ssl/ssl%e8%a8%bc%e6%98%8e%e6%9b%b8%e3%81%aecrt%e3%81%a8cer%e3%81%ae%e9%81%95%e3%81%84/" class="popular-entry-card-link widget-entry-card-link a-wrap no-3" title="SSL証明書のCRTとCERの違い"> <div class="post-3813 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-ssl-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="96" height="68" src="https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e.png 1600w, https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e-300x212.png 300w, https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e-1024x724.png 1024w, https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e-768x543.png 768w, https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e-1536x1086.png 1536w" sizes="(max-width: 96px) 100vw, 96px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">SSL証明書のCRTとCERの違い</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2023.02.24</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2023.04.11</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/chrome/chrome-%e6%a4%9c%e8%a8%bc%e3%81%a7%e9%96%8b%e3%81%84%e3%81%9felements%e3%81%ae%e5%86%85%e5%ae%b9%e3%82%92%e5%85%a8%e3%82%b3%e3%83%94%e3%83%bc%e3%81%99%e3%82%8b%e3%82%84%e3%82%8a%e6%96%b9/" class="popular-entry-card-link widget-entry-card-link a-wrap no-4" title="chrome 検証で開いたElementsの内容を全コピーするやり方"> <div class="post-2537 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-chrome-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">chrome 検証で開いたElementsの内容を全コピーするやり方</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2022.03.16</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/teams/teams-%e3%83%a1%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%ef%bc%88%e4%b8%80%e9%83%a8%e3%81%ae%e4%ba%ba%e3%81%a0%e3%81%91%e5%80%99%e8%a3%9c%e3%81%ab%e5%87%ba%e3%81%a6/" class="popular-entry-card-link widget-entry-card-link a-wrap no-5" title="Teams メンションできない（一部の人だけ候補に出てこない）"> <div class="post-2055 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-teams-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2021/09/teams-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2021/09/teams-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2021/09/teams-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2021/09/teams-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">Teams メンションできない（一部の人だけ候補に出てこない）</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2021.09.14</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2021.09.27</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> </div> </aside> <aside id="popular_entries-2" class="widget widget-sidebar widget-sidebar-standard widget_popular_entries"><h3 class="widget-sidebar-title widget-title">総アクセスランキング</h3> <div class="popular-entry-cards widget-entry-cards no-icon cf ranking-visible"> <a href="https://it-afi.com/excel/post-1666/" class="popular-entry-card-link widget-entry-card-link a-wrap no-1" title="ExcelなどでNASを信頼できる場所に追加するには名前でアクセスするしかない"> <div class="post-1666 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-excel-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="76" height="68" src="https://it-afi.com/wp-content/uploads/2021/02/greenx-logo.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">ExcelなどでNASを信頼できる場所に追加するには名前でアクセスするしかない</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2021.02.03</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2022.06.24</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/teams/teams-%e3%83%a1%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%ef%bc%88%e4%b8%80%e9%83%a8%e3%81%ae%e4%ba%ba%e3%81%a0%e3%81%91%e5%80%99%e8%a3%9c%e3%81%ab%e5%87%ba%e3%81%a6/" class="popular-entry-card-link widget-entry-card-link a-wrap no-2" title="Teams メンションできない（一部の人だけ候補に出てこない）"> <div class="post-2055 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-teams-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2021/09/teams-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2021/09/teams-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2021/09/teams-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2021/09/teams-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">Teams メンションできない（一部の人だけ候補に出てこない）</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2021.09.14</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2021.09.27</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/chrome/chrome-%e6%a4%9c%e8%a8%bc%e3%81%a7%e9%96%8b%e3%81%84%e3%81%9felements%e3%81%ae%e5%86%85%e5%ae%b9%e3%82%92%e5%85%a8%e3%82%b3%e3%83%94%e3%83%bc%e3%81%99%e3%82%8b%e3%82%84%e3%82%8a%e6%96%b9/" class="popular-entry-card-link widget-entry-card-link a-wrap no-3" title="chrome 検証で開いたElementsの内容を全コピーするやり方"> <div class="post-2537 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-chrome-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">chrome 検証で開いたElementsの内容を全コピーするやり方</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2022.03.16</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/chrome/uncaught-in-promise-error-a-listener-indicated-an-asynchronous-response-by-returning-true-but-the-message-channel-closed-before-a-response-was-received/" class="popular-entry-card-link widget-entry-card-link a-wrap no-4" title="Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received"> <div class="post-3741 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-chrome-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2023.02.10</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/mac/post-245/" class="popular-entry-card-link widget-entry-card-link a-wrap no-5" title="MacにiPhone充電できない。ポンポン鳴って接続と未接続を繰り返す→ファミコンの技で解決→やっぱダメでした"> <div class="post-245 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-mac-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2023/02/mac-photo-120x68.jpg" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2023/02/mac-photo-120x68.jpg 120w, https://it-afi.com/wp-content/uploads/2023/02/mac-photo-160x90.jpg 160w, https://it-afi.com/wp-content/uploads/2023/02/mac-photo-320x180.jpg 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">MacにiPhone充電できない。ポンポン鳴って接続と未接続を繰り返す→ファミコンの技で解決→やっぱダメでした</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2019.11.15</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2023.02.10</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> </div> </aside> <div id="sidebar-scroll" class="sidebar-scroll"> <aside id="toc-2" class="widget widget-sidebar widget-sidebar-scroll widget_toc"> <div class="toc-widget-box"> <div class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-3" checked><label class="toc-title" for="toc-checkbox-3">目次</label> <div class="toc-content"> <ol class="toc-list open"><li><a href="#toc1" tabindex="0">H25は、<frameset>の中の、個々の<frame>だけじゃなくて、通常のページのページタイトルも含む</a></li><li><a href="#toc2" tabindex="0">AIの回答。G88はページタイトルの内容で、H25はページタイトルの技術的な実装</a></li></ol> </div> </div> </div> </aside> <aside id="text-3" class="widget widget-sidebar widget-sidebar-scroll widget_text"><h3 class="widget-sidebar-scroll-title widget-title">Googleアドセンスレスポンシブ</h3> <div class="textwidget"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- it-afi_最初の広告 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4895059887263926" data-ad-slot="6752884896" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </aside> </div> </div> </div> </div> <footer id="footer" class="footer footer-container nwa" itemscope itemtype="https://schema.org/WPFooter"> <div id="footer-in" class="footer-in wrap cf"> <div class="footer-bottom fdt-logo fnm-text-width cf"> <div class="footer-bottom-logo"> <div class="logo logo-footer logo-text"><a href="https://it-afi.com/" class="site-name site-name-text-link" itemprop="url"><span class="site-name-text" itemprop="name about">クズリーマンのカス備忘録</span></a></div> </div> <div class="footer-bottom-content"> <nav id="navi-footer" class="navi-footer"> <div id="navi-footer-in" class="navi-footer-in"> </div> </nav> <div class="source-org copyright">© 2016 クズリーマンのカス備忘録.</div> </div> </div> </div> </footer> <ul class="mobile-footer-menu-buttons mobile-menu-buttons"> <!-- メニューボタン --> <li class="navi-menu-button menu-button"> <input id="navi-menu-input" type="checkbox" class="display-none"> <label id="navi-menu-open" class="menu-open menu-button-in" for="navi-menu-input"> <span class="navi-menu-icon menu-icon"> <span class="fa fa-bars" aria-hidden="true"></span> </span> <span class="navi-menu-caption menu-caption">メニュー</span> </label> <label class="display-none" id="navi-menu-close" for="navi-menu-input"></label> <div id="navi-menu-content" class="navi-menu-content menu-content"> <label class="navi-menu-close-button menu-close-button" for="navi-menu-input"><span class="fa fa-close" aria-hidden="true"></span></label> <ul class="menu-drawer"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3618"><a href="https://it-afi.com">ホーム</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4441"><a href="https://it-afi.com/%e3%81%8a%e4%bb%95%e4%ba%8b%e3%81%ae%e3%81%94%e4%be%9d%e9%a0%bc%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/">お仕事のご依頼について</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3619"><a href="https://it-afi.com/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b/">お問い合わせ</a></li> </ul> </div> </li> <!-- ホームボタン --> <li class="home-menu-button menu-button"> <a href="https://it-afi.com" class="menu-button-in"> <span class="home-menu-icon menu-icon"> <span class="fa fa-home" aria-hidden="true"></span> </span> <span class="home-menu-caption menu-caption">ホーム</span> </a> </li> <!-- 検索ボタン --> <!-- 検索ボタン --> <li class="search-menu-button menu-button"> <input id="search-menu-input" type="checkbox" class="display-none"> <label id="search-menu-open" class="menu-open menu-button-in" for="search-menu-input"> <span class="search-menu-icon menu-icon"> <span class="fa fa-search" aria-hidden="true"></span> </span> <span class="search-menu-caption menu-caption">検索</span> </label> <label class="display-none" id="search-menu-close" for="search-menu-input"></label> <div id="search-menu-content" class="search-menu-content"> <form class="search-box input-box" method="get" action="https://it-afi.com/"> <input type="text" placeholder="サイト内を検索" name="s" class="search-edit" aria-label="input" value=""> <button type="submit" class="search-submit" aria-label="button"><span class="fa fa-search" aria-hidden="true"></span></button> </form> </div> </li> <!-- トップボタン --> <li class="top-menu-button menu-button"> <a href="#" class="go-to-top-common top-menu-a menu-button-in"> <span class="top-menu-icon menu-icon"> <span class="fa fa-arrow-up" aria-hidden="true"></span> </span> <span class="top-menu-caption menu-caption">トップ</span> </a> </li> <!-- サイドバーボタン --> <li class="sidebar-menu-button menu-button"> <input id="sidebar-menu-input" type="checkbox" class="display-none"> <label id="sidebar-menu-open" class="menu-open menu-button-in" for="sidebar-menu-input"> <span class="sidebar-menu-icon menu-icon"> <span class="fa fa-outdent" aria-hidden="true"></span> </span> <span class="sidebar-menu-caption menu-caption">サイドバー</span> </label> <label class="display-none" id="sidebar-menu-close" for="sidebar-menu-input"></label> <div id="sidebar-menu-content" class="sidebar-menu-content menu-content"> <label class="sidebar-menu-close-button menu-close-button" for="sidebar-menu-input"><span class="fa fa-close" aria-hidden="true"></span></label> </div> </li> </ul> <div id="go-to-top" class="go-to-top"> <button class="go-to-top-button go-to-top-common go-to-top-hide go-to-top-button-icon-font" aria-label="トップへ戻る"><span class="fa fa-angle-double-up"></span></button> </div> <script src="https://it-afi.com/wp-content/themes/cocoon-master/plugins/highlight-js/highlight.min.js?ver=6.4.5&fver=20230704125932" id="code-highlight-js-js"></script> <script id="code-highlight-js-js-after"> /* <![CDATA[ */ (function($){$(".entry-content pre").each(function(i,block){hljs.highlightBlock(block)})})(jQuery); /* ]]> */ </script> <script src="https://it-afi.com/wp-content/themes/cocoon-master/plugins/baguettebox/dist/baguetteBox.min.js?ver=6.4.5&fver=20230704125932" id="baguettebox-js-js"></script> <script id="baguettebox-js-js-after"> /* <![CDATA[ */ (function($){baguetteBox.run(".entry-content")})(jQuery); /* ]]> */ </script> <script src="https://it-afi.com/wp-content/themes/cocoon-master/plugins/stickyfill/dist/stickyfill.min.js?ver=6.4.5&fver=20230704125932" id="stickyfill-js-js"></script> <script src="https://it-afi.com/wp-includes/js/comment-reply.min.js?ver=6.4.5&fver=20221218013350" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script id="cocoon-js-js-extra"> /* <![CDATA[ */ var cocoon_localize_script_options = {"is_lazy_load_enable":null,"is_fixed_mobile_buttons_enable":"","is_google_font_lazy_load_enable":null}; /* ]]> */ </script> <script src="https://it-afi.com/wp-content/themes/cocoon-master/javascript.js?ver=6.4.5&fver=20230704125932" id="cocoon-js-js"></script> <script src="https://it-afi.com/wp-content/themes/cocoon-child-master/javascript.js?ver=6.4.5&fver=20210525074317" id="cocoon-child-js-js"></script> <script src="https://it-afi.com/wp-content/themes/cocoon-child-master/prism.js?ver=2.0.1&fver=20210525092927" id="hcb-prism-js"></script> <script src="https://it-afi.com/wp-includes/js/clipboard.min.js?ver=2.0.11&fver=20221218013350" id="clipboard-js"></script> <script id="hcb-script-js-extra"> /* <![CDATA[ */ var hcbVars = {"showCopyBtn":"1","copyBtnLabel":"\u30b3\u30fc\u30c9\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3059\u308b"}; /* ]]> */ </script> <script src="https://it-afi.com/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js?ver=2.0.1&fver=20240108062730" id="hcb-script-js"></script> <script defer src="https://it-afi.com/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1704695057&fver=20240108062417" id="akismet-frontend-js"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4895059887263926" crossorigin="anonymous"></script> <div class="copy-info">タイトルとURLをコピーしました</div> <script src="//cdn.jsdelivr.net/clipboard.js/1.5.13/clipboard.min.js"></script> <script> (function($){ selector = '.copy-button';//clipboardで使う要素を指定 $(selector).click(function(event){ //クリック動作をキャンセル event.preventDefault(); }); //クリップボード動作 var clipboard = new Clipboard(selector); clipboard.on('success', function(e) { $('.copy-info').fadeIn(500).delay(1000).fadeOut(500); e.clearSelection(); }); })(jQuery); </script> </div><!-- #container --> </body> </html>