head | ホームページ制作　技術メモ

headタグの概要
headタグの基本の書き方（構文）
headタグの主な属性とその説明
headタグの使用例
headタグのよくある注意点・間違い
headタグの関連するタグ

headタグの概要

headタグはHTML文書のヘッダー部分に含まれ、文書のメタデータやリンク、スクリプトなどを定義します。

具体的には、文書のタイトルやスタイルシートのリンク、JavaScriptのリンクなどを指定する際に使用されます。

headタグの基本の書き方（構文）


      
        Document Title

headタグの主な属性とその説明

headタグには特定の属性はありません。

headタグの使用例


      
        My Website

上記のように、headタグ内に文書のタイトルやスタイルシート、スクリプトを指定します。

headタグのよくある注意点・間違い

headタグ内には表示されるコンテンツではなく、文書の情報やリンク・スクリプトの設定を記述することが重要です。

headタグの関連するタグ

: ページのメタデータを指定する
: ページのタイトルを定義する</li> <li>: 外部リソースのリンクを指定する</li> </ul> </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-34" href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/"><span class="fa fa-folder cat-icon tax-icon" aria-hidden="true"></span>構造・セクション</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"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6250810524044904" crossorigin="anonymous"></script></div> </div> </div>  <div class="sns-follow bc-brand-color fbc-hide sf-bottom"> <div class="sns-follow-message">techをフォローする</div> <div class="sns-follow-buttons sns-buttons"> <a href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fweb-tech.work" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読" rel="nofollow noopener noreferrer" aria-label="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a> <a href="https://web-tech.work/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報を購読" rel="nofollow noopener noreferrer" aria-label="RSSで更新情報を購読"><span class="icon-rss-logo"></span></a> </div> </div> <div class="footer-meta"> <div class="author-info"> <span class="fa fa-pencil" aria-hidden="true"></span> <a href="https://web-tech.work/author/admin-36maru/" 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://web-tech.work/author/admin-36maru/"> <span class="author-name fn" itemprop="name">tech</span> </span> </a> </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://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/details/" class="related-entry-card-wrap a-wrap border-element cf" title="details"> <article class="post-1348 related-entry-card e-card cf post type-post status-publish format-standard hentry category-34-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-34">構造・セクション</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> details </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> タグの概要 detailsタグは、コンテンツの詳細や詳細情報を含むセクションを定義するために使用されるタグです。このタグを使用すると、ユーザーが必要に応じて詳細情報を表示または非表示にすることができます。詳細情報を持つセクションを表示・非 </div> </div> </article> </a> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/head-2/" class="related-entry-card-wrap a-wrap border-element cf" title="head"> <article class="post-1338 related-entry-card e-card cf post type-post status-publish format-standard hentry category-34-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-34">構造・セクション</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> head </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> タグの概要 headタグは、HTML文書のヘッダー部分を定義するタグです。主に文書の情報やメタデータ、スタイルシートのリンク、スクリプトの読み込みなどを含めるために使用されます。文書の情報を記述する際に使われる。基本の書き方（構文） </div> </div> </article> </a> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/footer/" class="related-entry-card-wrap a-wrap border-element cf" title="footer"> <article class="post-1341 related-entry-card e-card cf post type-post status-publish format-standard hentry category-34-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-34">構造・セクション</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> footer </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> footerタグの概要基本の書き方（構文） <footer> <p>Copyright © 2021 Example.com. All Rights Reserved.</p> </foote </div> </div> </article> </a> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/aside/" class="related-entry-card-wrap a-wrap border-element cf" title="aside"> <article class="post-1346 related-entry-card e-card cf post type-post status-publish format-standard hentry category-34-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-34">構造・セクション</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> aside </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> タグの概要タグは、本文とは関係の少ないコンテンツや補足情報を表すために使用されます。サイドバー、広告、関連記事などを配置するのに適しています。基本の書き方（構文） <aside> <p>ここにサイドバーや補 </div> </div> </article> </a> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/nav/" class="related-entry-card-wrap a-wrap border-element cf" title="nav"> <article class="post-1345 related-entry-card e-card cf post type-post status-publish format-standard hentry category-34-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-34">構造・セクション</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> nav </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> タグの概要タグはナビゲーション（メニュー）を定義するために使用される。ウェブサイトのメニューやリンクをグループ化し、ナビゲーション構造を作成する際に利用される。基本の書き方（構文） <nav> <a href=" </div> </div> </article> </a> <a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/header/" class="related-entry-card-wrap a-wrap border-element cf" title="header"> <article class="post-1340 related-entry-card e-card cf post type-post status-publish format-standard hentry category-34-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image related-entry-card-no-image" width="160" height="90" /> <span class="cat-label cat-label-34">構造・セクション</span> </figure> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> header </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> タグの概要タグは、HTML文書内のヘッダー部分を定義するためのタグです。このタグ内には、サイトのロゴやナビゲーションメニュー、検索フォームなど、ページの先頭に配置される重要な要素をまとめることができます。主にサイトのトップ部分で使用されま </div> </div> </article> </a> </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"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6250810524044904" crossorigin="anonymous"></script></div> </div> </div> <div id="pager-post-navi" class="pager-post-navi post-navi-default cf"> <a href="https://web-tech.work/wordpress/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e7%ae%a1%e7%90%86/wp_unregister_widget_control/" title="wp_unregister_widget_control()" 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 src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image post-navi-no-image" width="120" height="68" /></figure> <div class="prev-post-title">wp_unregister_widget_control()</div></a><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/html/" title="html" 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 src="https://web-tech.work/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image post-navi-no-image" width="120" height="68" /></figure> <div class="next-post-title">html</div></a> </div> </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://web-tech.work" 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://web-tech.work/category/html%e3%82%bf%e3%82%b0/" itemprop="item"><span itemprop="name" class="breadcrumb-caption">htmlタグ</span></a><meta itemprop="position" content="2" /><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://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/" itemprop="item"><span itemprop="name" class="breadcrumb-caption">構造・セクション</span></a><meta itemprop="position" content="3" /></div></div> </main> <div id="sidebar" class="sidebar nwa cf" role="complementary"> <aside id="block-2" class="widget widget-sidebar widget-sidebar-standard widget_block widget_search"><form role="search" method="get" action="https://web-tech.work/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >検索</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="検索" class="wp-block-search__button wp-element-button" type="submit" >検索</button></div></form></aside> <div class="ad-area no-icon ad-sidebar-bottom 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"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6250810524044904" crossorigin="anonymous"></script></div> </div> </div> <div id="sidebar-scroll" class="sidebar-scroll"> <aside id="category_posts_widget-2" class="widget widget-sidebar widget-sidebar-scroll widget_category_posts_widget"><ul><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/details/">details</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/div/">div</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/aside/">aside</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/nav/">nav</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/article/">article</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/section/">section</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/main/">main</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/footer/">footer</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/header/">header</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/body/">body</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/head-2/">head</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/html/">html</a></li><li><a href="https://web-tech.work/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/head/">head</a></li></ul></aside><aside id="block-6" class="widget widget-sidebar widget-sidebar-scroll widget_block"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">カテゴリー</h2><ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-31"><a href="https://web-tech.work/category/wordpress/rest-api/"><span class="list-item-caption">REST API</a> </li> <li class="cat-item cat-item-26"><a href="https://web-tech.work/category/wordpress/rest-api-%e3%82%a8%e3%83%b3%e3%83%89%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88/"><span class="list-item-caption">REST API エンドポイント</a> </li> <li class="cat-item cat-item-29"><a href="https://web-tech.work/category/wordpress/seo%e3%81%a8%e3%83%a1%e3%82%bf%e3%83%87%e3%83%bc%e3%82%bf/"><span class="list-item-caption">SEOとメタデータ</a> </li> <li class="cat-item cat-item-11"><a href="https://web-tech.work/category/wordpress/action_filter/"><span class="list-item-caption">アクションとフィルター</a> </li> <li class="cat-item cat-item-21"><a href="https://web-tech.work/category/wordpress/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88/"><span class="list-item-caption">ウィジェット</a> </li> <li class="cat-item cat-item-30"><a href="https://web-tech.work/category/wordpress/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e7%ae%a1%e7%90%86/"><span class="list-item-caption">ウィジェット管理</a> </li> <li class="cat-item cat-item-9"><a href="https://web-tech.work/category/wordpress/option_-setting/"><span class="list-item-caption">オプションと設定</a> </li> <li class="cat-item cat-item-32"><a href="https://web-tech.work/category/wordpress/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%b6%e3%83%bc/"><span class="list-item-caption">カスタマイザー</a> </li> <li class="cat-item cat-item-17"><a href="https://web-tech.work/category/wordpress/custom-post-taxonomies/"><span class="list-item-caption">カスタムポストタイプとタクソノミー</a> </li> <li class="cat-item cat-item-13"><a href="https://web-tech.work/category/wordpress/category/"><span class="list-item-caption">カテゴリ関連</a> </li> <li class="cat-item cat-item-28"><a href="https://web-tech.work/category/wordpress/%e3%82%ad%e3%83%a3%e3%83%83%e3%82%b7%e3%83%a5/"><span class="list-item-caption">キャッシュ</a> </li> <li class="cat-item cat-item-12"><a href="https://web-tech.work/category/wordpress/query_loop/"><span class="list-item-caption">クエリとループ</a> </li> <li class="cat-item cat-item-1"><a href="https://web-tech.work/category/column/"><span class="list-item-caption">コラム</a> </li> <li class="cat-item cat-item-22"><a href="https://web-tech.work/category/wordpress/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89/"><span class="list-item-caption">ショートコード</a> </li> <li class="cat-item cat-item-10"><a href="https://web-tech.work/category/wordpress/script_style/"><span class="list-item-caption">スクリプトとスタイル</a> </li> <li class="cat-item cat-item-25"><a href="https://web-tech.work/category/wordpress/%e3%82%bb%e3%82%ad%e3%83%a5%e3%83%aa%e3%83%86%e3%82%a3/"><span class="list-item-caption">セキュリティ</a> </li> <li class="cat-item cat-item-24"><a href="https://web-tech.work/category/wordpress/%e3%82%bb%e3%83%83%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a8%e3%82%af%e3%83%83%e3%82%ad%e3%83%bc/"><span class="list-item-caption">セッションとクッキー</a> </li> <li class="cat-item cat-item-15"><a href="https://web-tech.work/category/wordpress/taxonomy/"><span class="list-item-caption">タクソノミー関連</a> </li> <li class="cat-item cat-item-14"><a href="https://web-tech.work/category/wordpress/term/"><span class="list-item-caption">ターム関連</a> </li> <li class="cat-item cat-item-2"><a href="https://web-tech.work/category/wordpress/templatetag/"><span class="list-item-caption">テンプレートタグ</a> </li> <li class="cat-item cat-item-4"><a href="https://web-tech.work/category/wordpress/nav_menu/"><span class="list-item-caption">ナビゲーション、メニュー</a> </li> <li class="cat-item cat-item-19"><a href="https://web-tech.work/category/wordpress/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%81%a8%e7%94%bb%e5%83%8f/"><span class="list-item-caption">メディアと画像</a> </li> <li class="cat-item cat-item-27"><a href="https://web-tech.work/category/wordpress/%e3%83%a1%e3%83%bc%e3%83%ab/"><span class="list-item-caption">メール</a> </li> <li class="cat-item cat-item-8"><a href="https://web-tech.work/category/wordpress/user_comment/"><span class="list-item-caption">ユーザー情報とコメント</a> </li> <li class="cat-item cat-item-23"><a href="https://web-tech.work/category/wordpress/%e3%83%aa%e3%83%93%e3%82%b8%e3%83%a7%e3%83%b3/"><span class="list-item-caption">リビジョン</a> </li> <li class="cat-item cat-item-5"><a href="https://web-tech.work/category/wordpress/"><span class="list-item-caption">ワードプレス</a> </li> <li class="cat-item cat-item-16"><a href="https://web-tech.work/category/wordpress/wordpress-column/"><span class="list-item-caption">ワードプレスコラム</a> </li> <li class="cat-item cat-item-7"><a href="https://web-tech.work/category/wordpress/post_page/"><span class="list-item-caption">投稿とページ</a> </li> <li class="cat-item cat-item-6"><a href="https://web-tech.work/category/wordpress/condition-tag/"><span class="list-item-caption">条件タグ</a> </li> <li class="cat-item cat-item-34"><a href="https://web-tech.work/category/html%e3%82%bf%e3%82%b0/%e6%a7%8b%e9%80%a0%e3%83%bb%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3/"><span class="list-item-caption">構造・セクション</a> </li> <li class="cat-item cat-item-20"><a href="https://web-tech.work/category/wordpress/%e7%bf%bb%e8%a8%b3%e3%81%a8%e3%83%ad%e3%83%bc%e3%82%ab%e3%83%aa%e3%82%bc%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/"><span class="list-item-caption">翻訳とローカリゼーション</a> </li> </ul></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-widgets cf"> <div class="footer-left"> <aside id="custom_html-2" class="widget_text widget widget-footer-left widget_custom_html"><div class="textwidget custom-html-widget"><p><a href="https://36maru.com">福岡のホームページ制作</a></p> <p><a href="https://sidebiz-log.com/">制作費用0円月額5000円のサブスク型格安ホームページ制作　シンプルホームページ</a></p></div></aside> </div> <div class="footer-center"> </div> <div class="footer-right"> <aside id="nav_menu-3" class="widget widget-footer-right widget_nav_menu"><div class="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-container"><ul id="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc" class="menu"><li id="menu-item-1190" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1190"><a href="https://web-tech.work/privacy-policy/">プライバシーポリシー</a></li> <li id="menu-item-1189" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1189"><a href="https://web-tech.work/disclaimer/">免責事項</a></li> <li id="menu-item-1188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1188"><a href="https://web-tech.work/contact/">お問合せ</a></li> </ul></div></aside> </div> </div> <div class="footer-widgets-mobile cf"> <div class="footer-mobile"> <aside id="nav_menu-4" class="widget widget-footer-mobile widget_nav_menu"><div class="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-container"><ul id="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1190"><a href="https://web-tech.work/privacy-policy/">プライバシーポリシー</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1189"><a href="https://web-tech.work/disclaimer/">免責事項</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1188"><a href="https://web-tech.work/contact/">お問合せ</a></li> </ul></div></aside> </div> </div> <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://web-tech.work/" 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">© 2024 ホームページ制作　技術メモ.</div> </div> </div> </div> </footer> <ul class="mobile-footer-menu-buttons mobile-menu-buttons">  <li class="home-menu-button menu-button"> <a href="https://web-tech.work" 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 autocomplete="off" 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://web-tech.work/"> <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 autocomplete="off" 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 type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/cocoon-child-master\/*","\/wp-content\/themes\/cocoon-master\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script src="https://web-tech.work/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6&fver=20241113124510" id="wp-hooks-js"></script> <script src="https://web-tech.work/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6&fver=20240509123956" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script src="https://web-tech.work/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.6&fver=20250605091516" id="swv-js"></script> <script id="contact-form-7-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2025-04-11 06:42:50+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"ja_JP"},"This contact form is placed in the wrong place.":["\u3053\u306e\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u9593\u9055\u3063\u305f\u4f4d\u7f6e\u306b\u7f6e\u304b\u308c\u3066\u3044\u307e\u3059\u3002"],"Error:":["\u30a8\u30e9\u30fc:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); /* ]]> */ </script> <script id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/web-tech.work\/wp-json\/", "namespace": "contact-form-7\/v1" } }; /* ]]> */ </script> <script src="https://web-tech.work/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.6&fver=20250605091516" id="contact-form-7-js"></script> <script src="https://web-tech.work/wp-content/themes/cocoon-master/plugins/baguettebox/dist/baguetteBox.min.js?ver=6.8.2&fver=20240517042144" id="baguettebox-js-js"></script> <script id="baguettebox-js-js-after"> /* <![CDATA[ */ (function($){ baguetteBox.run(".entry-content"); })(jQuery); /* ]]> */ </script> <script src="https://web-tech.work/wp-content/themes/cocoon-master/plugins/stickyfill/dist/stickyfill.min.js?ver=6.8.2&fver=20240517042144" id="stickyfill-js-js"></script> <script src="https://web-tech.work/wp-includes/js/comment-reply.min.js?ver=6.8.2&fver=20241113124511" 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://web-tech.work/wp-content/themes/cocoon-master/javascript.js?ver=6.8.2&fver=20240517042144" id="cocoon-js-js"></script> <script src="https://web-tech.work/wp-content/themes/cocoon-child-master/javascript.js?ver=6.8.2&fver=20240517042149" id="cocoon-child-js-js"></script> </div> </body> </html>