Просмотр исходного кода

HTMLのリファクタリング

kenta 5 лет назад
Родитель
Сommit
743a7ec836
1 измененных файлов: 143 добавлений и 133 удалений
  1. 143
    133
      third/living/Application_fire_and_disaster_prevention.html

+ 143
- 133
third/living/Application_fire_and_disaster_prevention.html Просмотреть файл

@@ -1,151 +1,161 @@
1 1
 <!doctype html>
2 2
 <html lang="ja">
3
-	<head>
4
-		<meta charset="utf-8">
5
-		<title>北方町ホームページ</title>
6
-		<link rel="stylesheet" href="../../css/base.css">
7
-		<link rel="stylesheet" href="../../css/second_header.css">
8
-		<link rel="stylesheet" href="../../css/footer.css">
9
-		<link rel="stylesheet" href="../../css/section.css">
10
-		<link rel="stylesheet" href="../../css/third_template.css" >
11
-		<link rel="stylesheet" href="../../css/table.css" >
12
-<script src="../../js/operation.js"></script>
13
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
3
+<head>
4
+  <meta charset="utf-8">
5
+  <title>北方町ホームページ</title>
6
+  <link rel="stylesheet" href="../../css/base.css">
7
+  <link rel="stylesheet" href="../../css/second_header.css">
8
+  <link rel="stylesheet" href="../../css/footer.css">
9
+  <link rel="stylesheet" href="../../css/section.css">
10
+  <link rel="stylesheet" href="../../css/third_template.css">
11
+  <link rel="stylesheet" href="../../css/table.css">
12
+  <script src="../../js/operation.js"></script>
13
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14 14
 </head>
15 15
 
16 16
 <body id="back">
17 17
 <div id="main" class="gothic">
18
-<!--セクション 操作-->
19
-<section id="operation" >
20
-<!--セクション 住所-->
21
-<article id="address" >
22
-<address id="operation_add">
23
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
24
-</address>
25
-</article>
26
-<div id="controle_panel">
27
-<!--セクション 背景色-->
28
-<article id="bgcolor" >
29
-<img src="../../css/img/013.png" alt="背景色変更ボックス" />
30
-<div id="bgcolor_img">
31
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
32
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
34
-</div>
35
-<script>
36
-getBackgNumber3();
37
-</script>
38
-</article>
18
+  <!--セクション 操作-->
19
+  <section id="operation">
20
+    <!--セクション 住所-->
21
+    <article id="address">
22
+      <address id="operation_add">
23
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
24
+      </address>
25
+    </article>
26
+    <div id="controle_panel">
27
+      <!--セクション 背景色-->
28
+      <article id="bgcolor">
29
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
30
+        <div id="bgcolor_img">
31
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
32
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
34
+        </div>
35
+        <script>
36
+          getBackgNumber3();
37
+        </script>
38
+      </article>
39 39
 
40
-<!--セクション 文字サイズ-->
41
-<!--<article id="charsize" >
42
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
43
-<div id="charsize_img">
44
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
45
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
46
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
47
-</div>
48
-</article>-->
40
+      <!--セクション 文字サイズ-->
41
+      <!--<article id="charsize" >
42
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
43
+      <div id="charsize_img">
44
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
45
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
46
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
47
+      </div>
48
+      </article>-->
49 49
 
50
-<!--セクション サイトマップ-->
51
-<article id="sitemap" >
52
- <div id="sitemap_img">
53
-<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
54
- </div>
55
-</article>
56
-<!--セクション お問い合わせ-->
57
-<article id="contact" >
58
- <div id="contact_img">
59
-<a href="../../third/town_admini_info/administrative_organization_chart.html"><img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
60
- </div>
61
-</article>
62
-<!--セクション 翻訳-->
63
-<article id="translation" >
64
-<div id="translation_img">
65
-<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
66
-<div id="google_translate_element"></div>
67
-<script type="text/javascript">
68
-function googleTranslateElementInit() {
69
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
70
-}
71
-</script>
72
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
73
-</div>
74
-</article>
75
-<div id="claer">
76
-</div>
77
-</div>
78
-</section>
50
+      <!--セクション サイトマップ-->
51
+      <article id="sitemap">
52
+        <div id="sitemap_img">
53
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
54
+        </div>
55
+      </article>
56
+      <!--セクション お問い合わせ-->
57
+      <article id="contact">
58
+        <div id="contact_img">
59
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
60
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
61
+        </div>
62
+      </article>
63
+      <!--セクション 翻訳-->
64
+      <article id="translation">
65
+        <div id="translation_img">
66
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
67
+          <div id="google_translate_element"></div>
68
+          <script type="text/javascript">
69
+            function googleTranslateElementInit() {
70
+              new google.translate.TranslateElement({
71
+                pageLanguage: 'ja',
72
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
73
+              }, 'google_translate_element');
74
+            }
75
+          </script>
76
+          <script type="text/javascript"
77
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
78
+        </div>
79
+      </article>
80
+      <div id="claer">
81
+      </div>
82
+    </div>
83
+  </section>
79 84
 
80
-			<!--ヘッダーデータ-->
81
-			<header>
82
-				<div id="header" class="gothic">
83
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
84
-					<div id="h_block_1">
85
-						<div class="h_line">
86
-						</div>
87
-						<article class="h_text_l">
88
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
89
-						</article>
90
-						<article class="h_text_l">
91
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
92
-						</article>
93
-						<article class="h_text_l">
94
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
95
-						</article>
96
-						<article class="h_text_l">
97
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
98
-						</article>
99
-					</div>
100
-					<div id="h_block_search">
101
-						<div class="h_line"></div>
102
-						<article class="h_search">
103
-			                    	<div class="space10"></div>
104
-			                    	<form action="http://www.google.com/search">
105
-				                        <input type="hidden" name="hl" value="ja" />
106
-				                        <input type="hidden" name="ie" value="UTF-8">
107
-				                        <input type="hidden" name="oe" value="UTF-8">
108
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
109
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
110
-				                        <input type="submit" name="btnG" value="検索" />
111
-			                        </form>
112
-						</article>
113
-					</div>
114
-				</div>
115
-			</header>
85
+  <!--ヘッダーデータ-->
86
+  <header>
87
+    <div id="header" class="gothic">
88
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
89
+      <div id="h_block_1">
90
+        <div class="h_line">
91
+        </div>
92
+        <article class="h_text_l">
93
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
94
+        </article>
95
+        <article class="h_text_l">
96
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
97
+        </article>
98
+        <article class="h_text_l">
99
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
100
+        </article>
101
+        <article class="h_text_l">
102
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
103
+        </article>
104
+      </div>
105
+      <div id="h_block_search">
106
+        <div class="h_line"></div>
107
+        <article class="h_search">
108
+          <div class="space10"></div>
109
+          <form action="http://www.google.com/search">
110
+            <input type="hidden" name="hl" value="ja"/>
111
+            <input type="hidden" name="ie" value="UTF-8">
112
+            <input type="hidden" name="oe" value="UTF-8">
113
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
114
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
115
+            <input type="submit" name="btnG" value="検索"/>
116
+          </form>
117
+        </article>
118
+      </div>
119
+    </div>
120
+  </header>
116 121
 
117
-			<div id="third_body">
118
-				<section id="template" >
119
-					<article id="breadcrumb" >
120
-						<div id="breadcrumb_title">
121
-							<div id="breadcrumb_title_block">
122
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../third/emergency_and_disaster_information/emergency_and_disaster_information.html">緊急・災害情報</a>>消防団について</span>
123
-							</div>
124
-						</div>
125
-					</article>
126
-					<article id="template" >
127
-						<div id="template_title" class="gothic">
128
-							<div id="template_title_block">
129
-								<span id="template_title">申請書等様式</span>
130
-							</div>
131
-						</div>
132
-						<span id="template_article_block">
122
+  <div id="third_body">
123
+    <section id="template">
124
+      <article id="breadcrumb">
125
+        <div id="breadcrumb_title">
126
+          <div id="breadcrumb_title_block">
127
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
128
+                    href="../../third/emergency_and_disaster_information/emergency_and_disaster_information.html">緊急・災害情報</a>>消防団について</span>
129
+          </div>
130
+        </div>
131
+      </article>
132
+      <article id="template">
133
+        <div id="template_title" class="gothic">
134
+          <div id="template_title_block">
135
+            <span id="template_title">申請書等様式</span>
136
+          </div>
137
+        </div>
138
+        <span id="template_article_block">
133 139
    
134 140
    <p><strong id="life">北方町消防団員</strong></p>
135 141
     <ul>
136 142
     <li><a href="../../fourth/lifeguide/firefighting/pdf/fire.pdf" target="_blank">北方町消防団員届出書(PDF 44KB)</a></li>
137 143
     </ul>
138 144
 						</span>
139
-					</article>
140
-				</section>
141
-			</div>
142
-			
143
-						<footer>
144
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
145
-                <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>|<a href="../../second/Privacy_policy.html">個人情報保護指針</a>|<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
146
-			</footer>
145
+      </article>
146
+    </section>
147
+  </div>
148
+
149
+  <footer>
150
+    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
151
+    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>|<a
152
+            href="../../second/Privacy_policy.html">個人情報保護指針</a>|<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
153
+    </p>
154
+  </footer>
147 155
 
148
-			
149
-		</div>
150
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_fire_and_disaster_prevention" height="1" width="1" /></body>
156
+
157
+</div>
158
+<img class="cgipageview"
159
+     src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_fire_and_disaster_prevention"
160
+     height="1" width="1"/></body>
151 161
 </html>

Загрузка…
Отмена
Сохранить