kitagata
/
kitagata_old
关注 3
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

HTMLのリファクタリング

kenta 6 年前
父节点
60f19f1246
当前提交
b38c39ef10
共有 1 个文件被更改，包括 168 次插入 和 161 次删除
分列视图 显示文件统计
  1. 168
    161
      third/building_etc/Kyushoku.html

+ 168
- 161
third/building_etc/Kyushoku.html 查看文件 

@@ -17,31 +17,31 @@
17 17 
 </head>
18 18
19 19 
 <body id="back">
20 
-  <div id="main" class="gothic">
21 
-    <!--セクション 操作-->
22 
-    <section id="operation">
23 
-      <!--セクション 住所-->
24 
-      <article id="address">
25 
-        <address id="operation_add">
26 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
27 
-        </address>
20 
+<div id="main" class="gothic">
21 
+  <!--セクション 操作-->
22 
+  <section id="operation">
23 
+    <!--セクション 住所-->
24 
+    <article id="address">
25 
+      <address id="operation_add">
26 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
27 
+      </address>
28 
+    </article>
29 
+    <div id="controle_panel">
30 
+      <!--セクション 背景色-->
31 
+      <article id="bgcolor">
32 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
33 
+        <div id="bgcolor_img">
34 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
35 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
36 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
37 
+        </div>
38 
+        <script>
39 
+          getBackgNumber3();
40 
+        </script>
28 41 
       </article>
29 
-      <div id="controle_panel">
30 
-        <!--セクション 背景色-->
31 
-        <article id="bgcolor">
32 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
33 
-          <div id="bgcolor_img">
34 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
35 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
36 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
37 
-          </div>
38 
-          <script>
39 
-            getBackgNumber3();
40 
-          </script>
41 
-        </article>
42 42
43 
-        <!--セクション 文字サイズ-->
44 
-        <!--<article id="charsize" >
43 
+      <!--セクション 文字サイズ-->
44 
+      <!--<article id="charsize" >
45 45 
 <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
46 46 
 <div id="charsize_img">
47 47 
 <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -50,113 +50,116 @@
50 50 
 </div>
51 51 
 </article>-->
52 52
53 
-        <!--セクション サイトマップ-->
54 
-        <article id="sitemap">
55 
-          <div id="sitemap_img">
56 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
57 
-          </div>
58 
-        </article>
59 
-        <!--セクション お問い合わせ-->
60 
-        <article id="contact">
61 
-          <div id="contact_img">
62 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img src="../../css/img/kitagata_support.png"
63 
-                alt="お問い合わせはこちらから" /></a>
64 
-          </div>
65 
-        </article>
66 
-        <!--セクション 翻訳-->
67 
-        <article id="translation">
68 
-          <div id="translation_img">
69 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
70 
-            <div id="google_translate_element"></div>
71 
-            <script type="text/javascript">
72 
-              function googleTranslateElementInit() {
73 
-                new google.translate.TranslateElement({
74 
-                  pageLanguage: 'ja',
75 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
76 
-                }, 'google_translate_element');
77 
-              }
78 
-            </script>
79 
-            <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
53 
+      <!--セクション サイトマップ-->
54 
+      <article id="sitemap">
55 
+        <div id="sitemap_img">
56 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
57 
+        </div>
58 
+      </article>
59 
+      <!--セクション お問い合わせ-->
60 
+      <article id="contact">
61 
+        <div id="contact_img">
62 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
63 
+                  src="../../css/img/kitagata_support.png"
64 
+                  alt="お問い合わせはこちらから"/></a>
65 
+        </div>
66 
+      </article>
67 
+      <!--セクション 翻訳-->
68 
+      <article id="translation">
69 
+        <div id="translation_img">
70 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
+          <div id="google_translate_element"></div>
72 
+          <script type="text/javascript">
73 
+            function googleTranslateElementInit() {
74 
+              new google.translate.TranslateElement({
75 
+                pageLanguage: 'ja',
76 
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
+              }, 'google_translate_element');
78 
+            }
79 
+          </script>
80 
+          <script type="text/javascript"
81 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 82 
         </div>
83 
+      </article>
84 
+      <div id="claer">
84 85 
       </div>
85 
-    </section>
86 
+    </div>
87 
+  </section>
86 88
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102 
-          </article>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 
-        </div>
107 
-        <div id="h_block_search">
108 
-          <div class="h_line"></div>
109 
-          <article class="h_search">
110 
-            <div class="space10"></div>
111 
-            <form action="http://www.google.com/search">
112 
-              <input type="hidden" name="hl" value="ja" />
113 
-              <input type="hidden" name="ie" value="UTF-8">
114 
-              <input type="hidden" name="oe" value="UTF-8">
115 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
117 
-              <input type="submit" name="btnG" value="検索" />
118 
-            </form>
119 
-          </article>
89 
+  <!--ヘッダーデータ-->
90 
+  <header>
91 
+    <div id="header" class="gothic">
92 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
93 
+      <div id="h_block_1">
94 
+        <div class="h_line">
120 95 
         </div>
96 
+        <article class="h_text_l">
97 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
98 
+        </article>
99 
+        <article class="h_text_l">
100 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
101 
+        </article>
102 
+        <article class="h_text_l">
103 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
104 
+        </article>
105 
+        <article class="h_text_l">
106 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
107 
+        </article>
108 
+      </div>
109 
+      <div id="h_block_search">
110 
+        <div class="h_line"></div>
111 
+        <article class="h_search">
112 
+          <div class="space10"></div>
113 
+          <form action="http://www.google.com/search">
114 
+            <input type="hidden" name="hl" value="ja"/>
115 
+            <input type="hidden" name="ie" value="UTF-8">
116 
+            <input type="hidden" name="oe" value="UTF-8">
117 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
118 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
119 
+            <input type="submit" name="btnG" value="検索"/>
120 
+          </form>
121 
+        </article>
121 122 
       </div>
122 
-    </header>
123 
+    </div>
124 
+  </header>
123 125
124 
-    <div id="third_body">
125 
-      <!--セクション space-->
126 
+  <div id="third_body">
127 
+    <!--セクション space-->
126 128
127 
-      <!--セクション template-->
128 
-      <section id="template">
129 
-        <article id="breadcrumb">
130 
-          <div id="breadcrumb_title">
131 
-            <div id="breadcrumb_title_block">
132 
-              <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/town_admini_info.html">町政情報</a>><a
133 
-                  href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町給食調理場</span>
134 
-            </div>
129 
+    <!--セクション template-->
130 
+    <section id="template">
131 
+      <article id="breadcrumb">
132 
+        <div id="breadcrumb_title">
133 
+          <div id="breadcrumb_title_block">
134 
+              <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
135 
+                      href="../../second/town_admini_info.html">町政情報</a>><a
136 
+                      href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町給食調理場</span>
135 137 
           </div>
136 
-        </article>
137 
-        <article id="template">
138 
-          <div id="template_title" class="gothic">
139 
-            <div id="template_title_block">
140 
-              <span id="template_title">北方町給食調理場</span>
141 
-            </div>
138 
+        </div>
139 
+      </article>
140 
+      <article id="template">
141 
+        <div id="template_title" class="gothic">
142 
+          <div id="template_title_block">
143 
+            <span id="template_title">北方町給食調理場</span>
142 144 
           </div>
143 
-        </article>
145 
+        </div>
146 
+      </article>
144 147
145 
-        <!-- 小見出しから内容までのひとまとまりここから-->
146 
-        <article id="template_list_title">
147 
-          <div id="template_title2" class="gothic">
148 
-            <div id="template_title_block">
149 
-              <span id="template_title2">1.施設概要</span>
150 
-            </div>
148 
+      <!-- 小見出しから内容までのひとまとまりここから-->
149 
+      <article id="template_list_title">
150 
+        <div id="template_title2" class="gothic">
151 
+          <div id="template_title_block">
152 
+            <span id="template_title2">1.施設概要</span>
151 153 
           </div>
152 
-          <span id="template_article_block">
154 
+        </div>
155 
+        <span id="template_article_block">
153 156
154 157 
             <img src="../../css/img/18a.jpg" align="right">
155 158 
             <strong id="life">所在地</strong>
156 
-            <br /><br />〒501-0425
157 
-            <br />岐阜県本巣郡北方町加茂620番地の2
158 
-            <br />TEL (058)324-3002
159 
-            <br />FAX (058)324-3026
159 
+            <br/><br/>〒501-0425
160 
+            <br/>岐阜県本巣郡北方町加茂620番地の2
161 
+            <br/>TEL (058)324-3002
162 
+            <br/>FAX (058)324-3026
160 163 
             <br style="clear:both">
161 164
162 165 
             <pre>
 
@@ -167,26 +170,28 @@
167 170 
 給食能力	一日処理能力　4,000食
168 171 
 給食内容	学校給食の副食及び米飯
169 172 
 							</pre>
170 
-            <a href="https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6777946,35.4399251&z=10" onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;"
171 
-              onmouseout="window.status=''" onClick="return openWin('https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6777946,35.4399251&z=10')"
172 
-              target="_blank">
173 
+            <a href="https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6777946,35.4399251&z=10"
174 
+               onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;"
175 
+               onmouseout="window.status=''"
176 
+               onClick="return openWin('https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6777946,35.4399251&z=10')"
177 
+               target="_blank">
173 178 
               詳細地図(別ウィンドウ表示)</a>
174 179
175 180 
           </span>
176 
-        </article>
181 
+      </article>
177 182
178 
-        <!-- ひとまとまりここまで-->
179 
-        <!-- 小見出しから内容までのひとまとまりここから-->
180 
-        <article id="template_list_title">
181 
-          <div id="template_title2" class="gothic">
182 
-            <div id="template_title_block">
183 
-              <span id="template_title2">2.学校給食配送・配食数</span>
184 
-            </div>
183 
+      <!-- ひとまとまりここまで-->
184 
+      <!-- 小見出しから内容までのひとまとまりここから-->
185 
+      <article id="template_list_title">
186 
+        <div id="template_title2" class="gothic">
187 
+          <div id="template_title_block">
188 
+            <span id="template_title2">2.学校給食配送・配食数</span>
185 189 
           </div>
186 
-          <span id="template_article_block">
187 
-            <br />運搬用配送車　2台
188 
-            <br />配食数　（平成27年5月現在）
189 
-            <br /><br />
190 
+        </div>
191 
+        <span id="template_article_block">
192 
+            <br/>運搬用配送車　2台
193 
+            <br/>配食数　（平成27年5月現在）
194 
+            <br/><br/>
190 195 
             <table border="0" cellpadding="3" cellspacing="3" width="80%" summary="datatable">
191 196 
               <tr>
192 197 
                 <th valign="top" align="center" bgcolor="#ADD8E6" colspan="3" width="100%">給食調理場　2,353名</th>
 
@@ -231,25 +236,25 @@
231 236 
                 <td valign="top" align="center" bgcolor="#ADD8E6">もちの木作業所</td>
232 237 
                 <td valign="top" align="center" bgcolor="#f0f0f0">18名</td>
233 238 
               </tr>
234 
-            </table><br />
239 
+            </table><br/>
235 240 
           </span>
236 
-        </article>
237 
-        <article id="template_list_title">
238 
-          <div id="template_title2" class="gothic">
239 
-            <div id="template_title_block">
240 
-              <span id="template_title2">3.今月の献立</span>
241 
-            </div>
241 
+      </article>
242 
+      <article id="template_list_title">
243 
+        <div id="template_title2" class="gothic">
244 
+          <div id="template_title_block">
245 
+            <span id="template_title2">3.今月の献立</span>
242 246 
           </div>
243 
-          <span id="template_article_block">
247 
+        </div>
248 
+        <span id="template_article_block">
244 249 
             <a href="../../css/pdf/kyushoku/201810_kondate.pdf" target="_blank">今月の献立はこちら(PDF 約914KB）</a> </span>
245 
-        </article>
246 
-        <article id="template_list_title">
247 
-          <div id="template_title2" class="gothic">
248 
-            <div id="template_title_block">
249 
-              <span id="template_title2">4.今月の郷土料理</span>
250 
-            </div>
250 
+      </article>
251 
+      <article id="template_list_title">
252 
+        <div id="template_title2" class="gothic">
253 
+          <div id="template_title_block">
254 
+            <span id="template_title2">4.今月の郷土料理</span>
251 255 
           </div>
252 
-          <span id="template_article_block">
256 
+        </div>
257 
+        <span id="template_article_block">
253 258 
             <!-- 7月　郷土料理の紹介<br />
254 259 
             ＜日本の郷土料理の日＞<br />
255 260 
             <br />
 
@@ -263,30 +268,32 @@
263 268 
             今日は、食育の日の献立です。５月１１日に清流長良川で始まった鵜飼にちなみ、今月は鮎の甘露煮を紹介します。皆さんが食べている鮎の甘露煮は、根尾で養殖されていたものです。普段、魚を丸ごと一匹食べることのない人がいるようですが、頭から尾っぽまで丸ごと食べられるように煮てありますので、しっかりよく噛んで食べてみましょう。<br />
264 269 
             あゆは、川と海を回って暮らす魚です。子どもの頃は、河口近くで生活していますが、５ｃｍから１０ｃｍほどに成長すると川を上り、川底の石についた“も”を食べて暮らします。そのため、鮎の身にはキュウリやスイカのような香りがあり、川魚の中でも人気が高い夏の魚です。<br />
265 270 
             今日は鮎の他に、岐阜地区で収穫されたお米や十六ささげ、牛乳も出しました。岐阜の味をしっかり味わってください。 -->
266 
-            １０月　郷土料理の紹介<br />
267 
-            ＜日本の郷土料理の日＞<br />
268 
-            <br />
269 
-            ２５日（木）<br />
271 
+            １０月　郷土料理の紹介<br/>
272 
+            ＜日本の郷土料理の日＞<br/>
273 
+            <br/>
274 
+            ２５日（木）<br/>
270 275 
             <p>今日の献立は、「麦ごはん、魚の白醤油焼き、昆布の金平、道産子汁、牛乳」です。</p>
271 276 
             <br>
272 277 
             <p>今月は、北海道の郷土料理と地場産物を紹介します。北海道は広い土地に恵まれ、海も川もある地域です。そのため、多くの食材が豊富にあり、北方町の給食でも1年間を通して北海道の食材を食べています。今日紹介する給食には、北海道で収穫されている昆布、人参、玉ねぎ、じゃがいもを使いました。これらの食材は、北海道が日本一多く収穫されています。私たちの食卓に欠かせない食材が北海道では多くつくられています。</p>
273 278
274 279 
           </span>
275 
-        </article>
276 
-        <!-- ひとまとまりここまで-->
280 
+      </article>
281 
+      <!-- ひとまとまりここまで-->
277 282
278 
-      </section>
279 
-    </div>
283 
+    </section>
284 
+  </div>
280 285
281 
-    <footer>
282 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
283 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
284 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
285 
-    </footer>
286 
+  <footer>
287 
+    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
288 
+    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
289 
+            href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
290 
+            href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
291 
+  </footer>
286 292
287 293
288 
-  </div>
289 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Kyushoku" height="1" width="1" />
294 
+</div>
295 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Kyushoku" height="1"
296 
+     width="1"/>
290 297 
 </body>
291 298
292 299 
 </html>

撰写 预览
正在加载...
取消
保存