1.

全体構造

編集

HTML文書の先頭には、DOCTYPE宣言を配置する必要がある。

DOCTYPE宣言の後にhtml要素を配置し、その中にhead要素body要素を一つずつ配置する。

 

基本的な構造の例

   

    ・・・・</span></p> <p><span style="font-size:14px">    <strong><span style="color:#9b59b6"></head></span></strong></span></p> <p><span style="font-size:14px">    <strong><span style="color:#f39c12"><body></span></strong></span></p> <p><span style="font-size:14px">    ・・・・</span></p> <p><span style="font-size:14px">   <strong> <span style="color:#f39c12"></body></span></strong></span></p> <p><span style="font-size:14px"><span style="color:#2980b9"><strong></html></strong></span></span></p> </td> </tr> </tbody> </table> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <!-- Amazonアソシエイト --> <!--<a target="_blank" href="https://www.amazon.co.jp/b?_encoding=UTF8&node=2127209051&linkCode=ll2&tag=g54gj49gdgfdh-22&linkId=30afebe7feda42522ac5fb99fd71997e&language=ja_JP&ref_=as_li_ss_tl">人気パソコン・周辺機器はこちら</a>--> <div class=""> <div class="article-edit-area"> <a id="article_edit_btn" class="btn btn-primary btn-sm" onclick="displayArticleButtonsModalOpen()">編集</a> </div> <!-- 記事ボタンモーダル --> <div id="modal_display_article_buttons_main" class="modal_main_small center" role="dialog" aria-modal="true" aria-label="記事操作"> <div id="modal_display_article_buttons_content" class="article-actions-panel"> <div class="action-section"> <div class="action-section-title">ページ</div> <div class="action-grid"> <form method="GET" action="https://jpn.itlibra.com/article/put/form"> <input type="hidden" name="article_id" value="10370" /> <input type="hidden" name="version" value="5" /> <button class="action-btn action-btn-primary" type="submit"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg> <span>ページを更新</span> </button> </form> <button class="action-btn action-btn-success" type="button" onclick="createArticleModalOpen()"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg> <span>ページの作成</span> </button> <button class="action-btn action-btn-danger" type="button" onclick="deleteArticleConfirm()"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg> <span>ページを削除</span> </button> </div> </div> <div class="action-section"> <div class="action-section-title">テンプレート</div> <div class="action-grid"> <form method="GET" action="https://jpn.itlibra.com/template/post/form"> <input type="hidden" name="site_id" value="9"/> <button class="action-btn action-btn-secondary" type="submit"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="8" y1="12" x2="16" y2="12"/></svg> <span>テンプレートを作成</span> </button> </form> <button class="action-btn action-btn-secondary" type="button" onclick="templateModalOpen()"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="9" y1="21" x2="9" y2="9"/></svg> <span>テンプレートを更新</span> </button> </div> </div> <div class="action-section"> <div class="action-section-title">テーマ設定</div> <div class="action-grid"> <form method="GET" action="https://jpn.itlibra.com/site/put/form"> <input type="hidden" name="site_id" value="9" /> <button class="action-btn action-btn-outline" type="submit"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg> <span>テーマ設定</span> </button> </form> </div> </div> <script> function deleteArticleConfirm() { var ans = confirm("本当にこのページを削除しますか?"); if (ans==true){ $('#delete_article_form').submit(); } } </script> <form id="delete_article_form" method="POST" action="https://jpn.itlibra.com/article/delete/submit"> <input id="page-form-method" name="_method" type="hidden" value="DELETE"> <input type="hidden" name="_token" value="85ruOFidJxwHRrpND0ws8qVLDOt3TKFX4y0cmmkx" autocomplete="off"> <input type="hidden" name="article_id" value="10370" /> </form> <button class="action-close-btn" type="button" onclick="displayArticleButtonsModalClose()">閉じる</button> </div> </div> <!-- ページ作成モーダル --> <div id="modal_create_article_main" class="modal_main_small center" role="dialog" aria-modal="true" aria-label="記事作成"> <p class="font-size-1-5 margin-half">ページの作成</p> <span class="q-desc"> <p> 親となるページを選択してください。 <img class="q-desc-img" src="https://jpn.itlibra.com/img/question.png" alt=""> </p> <span class="q-desc-text"> ページは必ず何かしらの親ページに紐づきます。<br/>親ページに紐づくページを子ページといいます。<br/>例: 親=スポーツ, 子1=サッカー, 子2=野球<br/><br/>子ページを親ページとして更に子ページを作成することも可能です。<br/>例: 親=サッカー, 子=サッカーのルール<br/><br/>親ページはいつでも変更することが可能なのでとりあえず作ってみましょう! </span> </span> <!-- 同階層のページ作成ボタン --> <form method="GET" action="https://jpn.itlibra.com/article/post/form" class="margin"> <input type="hidden" name="parent_article_id" value="10369" /> <input class="modal_btn" type="submit" value="文法"/> </form> <!-- 子ページ作成ボタン --> <form method="GET" action="https://jpn.itlibra.com/article/post/form" class="margin"> <input type="hidden" name="parent_article_id" value="10370" /> <input class="modal_btn" type="submit" value="全体構造"/> </form> <div class="margin_top_2 margin_bottom"> <button class="btn horizontal" onclick="createArticleModalClose()">閉じる</button> </div> </div> <script src="https://jpn.itlibra.com/js/modal/create_article_modal.js"></script> <!-- テンプレートモーダル --> <div id="modal_template_main" class="modal_main" role="dialog" aria-modal="true" aria-label="テンプレート一覧"> <p class="modal-title">テンプレート</p> <div id="template-list-modal" class="modal-scroll-big"> <ul class="modal-link-list"> <li> <a href="https://jpn.itlibra.com/template/put/form?template_id=37">コード+ヘッダ</a> </li> <li> <a href="https://jpn.itlibra.com/template/put/form?template_id=34">コード</a> </li> </ul> </div> <div class="modal-actions"> <form method="GET" action="https://jpn.itlibra.com/template/post/form"> <input type="hidden" name="site_id" value="9"/> <button class="btn btn-primary">新規作成</button> </form> <button class="btn" onclick="templateModalClose()">閉じる</button> </div> </div> <script src="https://jpn.itlibra.com/js/modal/template_modal.js"></script> <script src="https://jpn.itlibra.com/js/modal/display_article_buttons_modal.js"></script> </div> <div class="margin"> <!-- SNS共有ボタン --> <div class="sns-share-bar"> <a class="sns-btn sns-btn-x" id="twitter-sns-btn" href="" onClick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" rel="nofollow"> <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> <span>Post</span> </a> <script> var pageTitle = document.title; var twitterUrl = "https://twitter.com/share?text=" + pageTitle + "&url=" + "https://jpn.itlibra.com/article/10370" + "&hashtags=" + "CWiki"; twitterUrl = encodeURI(twitterUrl); $("#twitter-sns-btn").attr("href", twitterUrl) </script> <a class="sns-btn sns-btn-fb" target="_blank" href="https://www.facebook.com/share.php?u=https://jpn.itlibra.com/article/10370" rel="nofollow"> <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> <span>Share</span> </a> </div> </div> <!-- 子記事リスト --> <div class="article-list-card"> <div class="article-list-header"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg> 子ページ </div> <p class="article-list-empty">子ページはありません</p> </div> <!-- 同階層の記事リスト --> <div class="article-list-card"> <div class="article-list-header"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg> 同階層のページ </div> <ol class="article-list-ol"> <li class="is-current"> <span>全体構造</span> </li> <li class=""> <a href="https://jpn.itlibra.com/article/10371"> DOCTYPE宣言 </a> </li> <li class=""> <a href="https://jpn.itlibra.com/article/10372"> コメント </a> </li> </ol> </div> </div> </div> <div class="margin_top"> <!-- 記事メタ情報(サマリー) --> <div class="article-meta"> <span> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;opacity:0.5"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 2026-05-15 05:24:41 </span> <span> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;opacity:0.5"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> <a href="https://jpn.itlibra.com/user?user_id=1">guest</a> </span> <span> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;opacity:0.5"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg> 204 </span> </div> <!-- 詳細情報トグル --> <div class="article-info-toggles"> <button class="article-info-toggle-btn" onclick="var el=document.getElementById('detail_article'); el.style.display=(el.style.display==='none')?'block':'none';"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg> ページの詳細情報 </button> <button class="article-info-toggle-btn" onclick="var el=document.getElementById('display_article'); el.style.display=(el.style.display==='none')?'block':'none';"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/></svg> 過去バージョン </button> </div> <!-- 記事詳細情報 --> <div id="detail_article" style="display:none;"> <div class="article-detail-card"> <div class="article-detail-grid"> <div class="article-detail-item"> <span class="article-detail-label">ページ作成者</span> <span class="article-detail-value"> <a href="https://jpn.itlibra.com/user?user_id=1">guest</a> </span> </div> <div class="article-detail-item"> <span class="article-detail-label">ページ更新者</span> <span class="article-detail-value"> <a href="https://jpn.itlibra.com/user?user_id=1">guest</a> </span> </div> <div class="article-detail-item"> <span class="article-detail-label">作成日時</span> <span class="article-detail-value">2017-08-17 04:39:17</span> </div> <div class="article-detail-item"> <span class="article-detail-label">更新日時</span> <span class="article-detail-value">2026-05-15 05:24:41</span> </div> <div class="article-detail-item"> <span class="article-detail-label">バージョン</span> <span class="article-detail-value">5</span> </div> <div class="article-detail-item"> <span class="article-detail-label">閲覧数</span> <span class="article-detail-value">204</span> </div> <div class="article-detail-item"> <span class="article-detail-label">テーマ作成者</span> <span class="article-detail-value"> <a href="https://jpn.itlibra.com/user?user_id=6">T</a> </span> </div> </div> </div> </div> <!-- 過去バージョン --> <div id="display_article" style="display:none;"> <div class="article-detail-card"> <div class="old-version-item"> <a href="https://jpn.itlibra.com/article/10370/old?old_version=4" class="old-version-link"> <span class="old-version-num">v4</span> <span class="old-version-info"> 全体構造 <small> guest ・ 2017-08-17 04:42:31 </small> </span> </a> </div> <div class="old-version-item"> <a href="https://jpn.itlibra.com/article/10370/old?old_version=3" class="old-version-link"> <span class="old-version-num">v3</span> <span class="old-version-info"> 全体構造 <small> guest ・ 2017-08-17 04:41:46 </small> </span> </a> </div> <div class="old-version-item"> <a href="https://jpn.itlibra.com/article/10370/old?old_version=2" class="old-version-link"> <span class="old-version-num">v2</span> <span class="old-version-info"> 全体構造 <small> guest ・ 2017-08-17 04:40:26 </small> </span> </a> </div> <div class="old-version-item"> <a href="https://jpn.itlibra.com/article/10370/old?old_version=1" class="old-version-link"> <span class="old-version-num">v1</span> <span class="old-version-info"> 全体構造 <small> guest ・ 2017-08-17 04:39:17 </small> </span> </a> </div> </div> </div> </div> <div class="margin_top"> <div style="text-align:center"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-4154575156543726" data-ad-slot="8959417453"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-4154575156543726" data-ad-slot="8959417453"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="margin_top"> <!-- 人気のページ --> <div class="info-card"> <h3 class="info-card-title"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;opacity:0.5"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 人気ページ </h3> <ul class="info-card-list"> <li> <span class="rank-num rank-top" style="background:#201e7d;color:#ffffff;">1</span> <a href="https://jpn.itlibra.com/article/20557"> Eclipseで「サーバーに追加または除去できるリソースがありません。」の原因と対処法 </a> </li> <li> <span class="rank-num rank-top" style="background:#201e7d;color:#ffffff;">2</span> <a href="https://jpn.itlibra.com/article/20846"> tomcat の起動 / 停止ログと catalina.log・catalina.out の違い </a> </li> <li> <span class="rank-num rank-top" style="background:#201e7d;color:#ffffff;">3</span> <a href="https://jpn.itlibra.com/article/21056"> JavaScript base URL 取得方法|window.location.origin と SSR/Node.js 対応 </a> </li> <li> <span class="rank-num rank-normal">4</span> <a href="https://jpn.itlibra.com/article/11017"> YouTube Data API v3 エラー一覧|403/400/404 の主要原因と切り分け </a> </li> <li> <span class="rank-num rank-normal">5</span> <a href="https://jpn.itlibra.com/article/20514"> Spring Frameworkのアノテーション一覧 </a> </li> <li> <span class="rank-num rank-normal">6</span> <a href="https://jpn.itlibra.com/article/20317"> Laravel エラー一覧|500/Blade/DB 接続/ルーティングの代表エラー </a> </li> <li> <span class="rank-num rank-normal">7</span> <a href="https://jpn.itlibra.com/article/10960"> 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya) </a> </li> <li> <span class="rank-num rank-normal">8</span> <a href="https://jpn.itlibra.com/article/20560"> 【Spring】@Valueアノテーションとは </a> </li> <li> <span class="rank-num rank-normal">9</span> <a href="https://jpn.itlibra.com/article/20675"> CATALINA_HOME の確認方法 (Linux / Mac) </a> </li> <li> <span class="rank-num rank-normal">10</span> <a href="https://jpn.itlibra.com/article/20537"> 【Spring】@Autowiredアノテーションとは </a> </li> </ul> </div> <!-- 最近更新された記事 --> <div class="info-card"> <h3 class="info-card-title"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;opacity:0.5"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 最近更新/作成されたページ </h3> <ul class="info-card-list"> <li> <a href="https://jpn.itlibra.com/article/20759"> Laravel キャッシュクリア完全ガイド(cache:clear / config:clear / </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/20754"> プロジェクトの作成と削除 </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/20507"> インストール直後にNetbeansが反応しない </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/11019"> 動画やチャンネルの検索 </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/11013"> APIキー取得方法 </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/11016"> チャンネル情報の取得 </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/10009"> API 入門 — Web API(REST / GraphQL / gRPC / </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/20488"> インストール(eclipseプラグイン) </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/20758"> Laravel「Dotenv values containing spaces must be surrounded </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/11023"> エラー一覧 </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/20501"> curl: (51) SSL: certificate subject name '~' does not match </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/20487"> インストール方法(Windows版) </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/11025"> JSONから配列に変換 </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/11022"> 処理を一定時間待つ </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> <li> <a href="https://jpn.itlibra.com/article/20746"> A non well formed numeric value encountered </a> <span class="info-card-date">2026-05-18 07:42:07</span> </li> </ul> </div> </div> <div class="margin_top"> <!-- ページコメント削除モーダル --> <div id="modal_delete_comment_main" class="modal_main_small center" role="dialog" aria-modal="true" aria-label="コメント削除"> <p class="font-size-1-5 margin-half">コメントを削除してもよろしいでしょうか?</p> <form class="horizontal" method="POST" name="delete_comment" action="https://jpn.itlibra.com/article/comment/delete/submit"> <input type="hidden" name="_token" value="85ruOFidJxwHRrpND0ws8qVLDOt3TKFX4y0cmmkx" autocomplete="off"> <input name="_method" type="hidden" value="DELETE"> <input type="hidden" name="article_id" value="10370"> <input id="delete_comment_id" type="hidden" name="comment_id"> <button type="submit" class="btn btn-danger">はい</button> </form> <div class="margin_top_2 margin_bottom"> <button class="btn horizontal" onclick="deleteCommentModalClose()">キャンセル</button> </div> </div> <script src="https://jpn.itlibra.com/js/modal/delete_comment_modal.js"></script> </div> <script src="https://jpn.itlibra.com/js/articleViewCountUp.js?11111"></script> <script src="https://jpn.itlibra.com/js/siteViewCountUp.js?11111"></script> <script> articleViewCountUp(10370); siteViewCountUp(9); </script> </div> </div> </div> <!--<div id="footer_menu" class="flex"> <a href="https://jpn.itlibra.com/article/11040"> <p><img class="icon" src="https://jpn.itlibra.com/img/top.png" alt="top"></p> <p>トップ</p> </a> <a class="pointer" onclick="articlesModalOpen()"> <p><img class="icon" src="https://jpn.itlibra.com/img/page.png" alt="page"></p> <p>全ページ</p> </a> <a class="pointer" onclick="boardsModalOpen()"> <p><img class="icon" src="https://jpn.itlibra.com/img/board.png" alt="board"></p> <p>掲示板</p> </a> <a href="https://jpn.itlibra.com/questionBoard?site_id=9"> <p><img class="icon" src="https://jpn.itlibra.com/img/help.png" alt="help"></p> <p><span class="middle">質問</p> </a> </div>--> <!-- ページ一覧モーダル --> <script src="https://jpn.itlibra.com/js/modal/articles_modal.js"></script> <div id="modal_site_articles_main" class="modal_main" role="dialog" aria-modal="true" aria-label="ページ一覧"> <p class="modal-title">ページ一覧</p> <div id="board-list-modal" class="modal-scroll-big modal-scroll-x padding"> <div class="modal_article_item"> <a class="modal_article_item_a" href="https://jpn.itlibra.com/article/11040">トップページ</a> </div> <div id="modal_article_id_0"> </div> <script> var imagePlus = "\/img\/plus_2.png"; var imageMinus = "\/img\/minus_2.png"; var displayArticle = "\/article"; var getChildArticle = "\/api\/article\/children\/json"; var parent_article_id = 11040; var no_child_article = "\u5b50\u30da\u30fc\u30b8\u306f\u3042\u308a\u307e\u305b\u3093"; //子記事取得 var data = {parent_article_id: parent_article_id}; var menuFirst = 1; var result = getChidArticleModal( data ,imagePlus ,imageMinus ,displayArticle ,getChildArticle ,menuFirst ,no_child_article ); </script> </div> <div class="modal-actions"> <button class="btn" onclick="articlesModalClose()">閉じる</button> </div> </div> <!-- 掲示板一覧モーダル --> <div id="modal_site_boards_main" class="modal_main" role="dialog" aria-modal="true" aria-label="掲示板一覧"> <p class="modal-title">掲示板</p> <div id="board-list-modal" class="modal-scroll-big"> <ul class="modal-link-list"> </ul> </div> <div class="modal-actions"> <form method="get" action="https://jpn.itlibra.com/board/post/form"> <input type="hidden" name="site_id" value="9"> <button class="btn btn-primary">新規作成</button> </form> <button class="btn" onclick="boardsModalClose()">閉じる</button> </div> </div> <script src="https://jpn.itlibra.com/js/modal/boards_modal.js"></script> <div class="move-top"></div> <div class="move-bottom"></div> <!-- フッタ開始 --> <footer id="footer"> <div class="footer-inner"> <div class="footer-grid"> <div class="footer-col"> <h4 class="footer-heading">CWiki</h4> <a href="https://jpn.itlibra.com">CWiki</a> <a href="https://jpn.itlibra.com/help">ヘルプ</a> <a href="https://jpn.itlibra.com/inquiry/post/form">問い合わせ</a> </div> <div class="footer-col"> <h4 class="footer-heading">Legal</h4> <a href="https://jpn.itlibra.com/termsOfService">利用規約</a> <a href="https://jpn.itlibra.com/privacyPolicy">プライバシーポリシー</a> </div> <div class="footer-col"> <h4 class="footer-heading">Feed</h4> <a href="https://jpn.itlibra.com/sitemap/sitemap-index.xml">サイトマップ</a> <a href="https://jpn.itlibra.com/feed/articles">ページのフィード</a> <a href="https://jpn.itlibra.com/feed/boards">掲示板のフィード</a> </div> <div class="footer-col"> <h4 class="footer-heading">Account</h4> <a href="https://jpn.itlibra.com/login">ログイン</a> </div> </div> <div class="footer-bottom"> <span>© 2017 Libra</span> </div> </div> </footer> <span id="page-bottom"></span> </div> <!-- Scripts --> <!-- 表示速度とSEOの観点からbodyタグの一番下に記載する --> <!--<script src="https://jpn.itlibra.com/js/app.js" async></script>--> <script src="https://jpn.itlibra.com/js/common.js" async></script> <script src="https://jpn.itlibra.com/js/scroll.js" async></script> <script src="https://jpn.itlibra.com/js/jquery.sidebar.min.js"></script> <span></span> <!-- ローディング --> <div id="loading"> <div class="cv-spinner"> <span class="spinner"></span> </div> </div> </body> </html>