-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsitemap.html
executable file
·277 lines (274 loc) · 13 KB
/
sitemap.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<!DOCTYPE html>
<html lang="zh-Hant" class="no-js">
<head>
<meta name="robots" content="noindex" />
<!-- 使用 noindex 禁止 Google 搜尋建立索引，套版時請工程師刪掉這行 -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>檔管活動通</title>
<!-- style css -->
<link rel="stylesheet" href="css/style.css" />
<!-- favicon -->
<link href="images/favicon.png" rel="icon" type="image/x-icon" />
</head>
<body>
<!-- 直接跳主內容區 -->
<a class="goCenter" href="#center" tabindex="1">按Enter到主內容區</a>
<!-- wrapper Start -->
<div class="wrapper">
<!-- header Start -->
<header class="header">
<div class="container">
<a class="accessKey" href="#aU" id="aU" accesskey="U" title="網站標題" tabindex="2">:::</a>
<!-- navigation Start -->
<nav class="navigation" role="navigation" aria-label="Site">
<!-- 新增div navList -->
<div class="navList">
<ul>
<li><a href="#">回首頁</a></li>
<li><a href="#">網站導覽</a></li>
<li><a href="#">檔案管理局</a></li>
</ul>
</div>
</nav>
<button type="button" title="主選單" aria-label="主選單展開/收起" class="menuCtrlBtn">選單</button>
<!-- menu Start -->
<nav class="mainMenu" role="navigation" aria-label="About page">
<ul>
<li>
<a href="#" class="menuTitle">展覽</a>
<ul>
<li>
<a href="#">最新展覽</a>
<ul>
<li><a href="#">第三層選單A</a></li>
<li><a href="#">第三層選單B</a></li>
</ul>
</li>
<li>
<a href="#">展覽回顧</a>
<ul>
<li><a href="#">第三層選單C</a></li>
<li><a href="#">第三層選單D</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#" class="menuTitle">活動</a>
<ul>
<li><a href="#">最新活動</a></li>
<li><a href="#">活動回顧</a></li>
</ul>
</li>
<li>
<a href="#" class="menuTitle">檔案月專區</a>
<ul>
<li><a href="#">最新消息</a></li>
<li><a href="#">系列活動</a></li>
<li><a href="#">活動剪影</a></li>
<li><a href="#">檔案下載</a></li>
<li><a href="#">關於檔案月</a></li>
<li><a href="#">聯絡我們</a></li>
<li><a href="#">刊登活動</a></li>
<li><a href="#">粉絲專頁</a></li>
</ul>
</li>
</ul>
</nav>
<!-- menu End -->
<!-- navigation End -->
<h1>
<a href="index.html"><img src="images/logo.png" alt="網站標題" /></a>
</h1>
<!-- noscript -->
<noscript>
您的瀏覽器不支援JavaScript語法，JavaScript語法並不影響內容的陳述。您可使用按鍵盤上的Ctrl鍵+ (+)鍵放大/(-)鍵縮小來改變字型大小；回到上一頁可使用瀏覽器提供的 Alt+左方向鍵(←) 快速鍵功能；列印可使用瀏覽器提供的(Ctrl+P)功能。您的瀏覽器，不支援script語法，若您的瀏覽器無法支援請點選此超連結
<a href="#">網站導覽</a>
</noscript>
</div>
</header>
<!-- header End -->
<!-- main Start -->
<main id="center" class="center innerPage">
<a class="accessKey" href="#aC" id="aC" accesskey="C" title="主要內容區">:::</a>
<div class="main">
<div class="imgBlock" data-aos="zoom-in" data-aos-duration="1500">
<img src="images/spots.svg" alt="" class="spots" />
<img src="images/pic01.png" alt="" class="man01" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500" data-aos-once="true" data-aos-delay="1500" />
<img src="images/pic02.png" alt="" class="woman01" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500" data-aos-once="true" data-aos-delay="2000" />
<!-- <div class="round01"></div> -->
<img src="images/round01.svg" alt="" class="round01" data-aos="fade-right" data-aos-duration="1500" data-aos-once="true" data-aos-delay="3000" />
</div>
<!-- Search Start -->
<section class="webSearch" role="search" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="1000">
<div class="container">
<div class="titleImg">
<img src="images/searchtitle.png" alt="全國最完整的檔管活動資訊" />
</div>
<div class="formGrp">
<label for="mustSameAsId">搜尋</label>
<input name="username" id="mustSameAsId" type="text" placeholder="請輸入關鍵字" accesskey="S" title="請輸入關鍵字" aria-label="搜尋網站內容" />
<button type="button" class="btn btnSearch">搜尋</button>
</div>
<div class="btnGrp">
<button type="button" class="btn">歷史活動回顧</button>
</div>
</div>
</section>
<!-- Search End -->
<div class="container contentBox" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
<nav aria-label="Breadcrumb" class="breadcrumb">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">檔案月專區</a></li>
<li aria-current="page">最新消息</li>
</ul>
</nav>
<div class="functionPanel">
<!-- function功能區塊 -->
<div class="function">
<ul>
<li class="print"><a href="#">友善列印</a></li>
<li class="back"><a href="javascript:history.back()">回上一頁</a></li>
</ul>
</div>
<!-- 社群分享 -->
<div class="share">
<ul>
<li>
<a href="#"><img src="images/basic/icon_facebook.svg" alt="facebook" /></a>
</li>
<li>
<a href="#"><img src="images/basic/icon_twitter.svg" alt="twitter" /></a>
</li>
<li>
<a href="#"><img src="images/basic/icon_line.svg" alt="line" /></a>
</li>
<li>
<a href="#"><img src="images/basic/icon_youtube.svg" alt="youtube" /></a>
</li>
<li>
<a href="#"><img src="images/basic/icon_instagram.svg" alt="instagram" /></a>
</li>
<li>
<a href="#"><img src="images/basic/icon_linkedin.svg" alt="LinkedIn" /></a>
</li>
<li>
<a href="#"><img src="images/basic/icon_rss.svg" alt="RSS" /></a>
</li>
<li>
<a href="#"><img src="images/basic/icon_plurk.svg" alt="Plurk" /></a>
</li>
</ul>
</div>
</div>
<!-- SITEMAP Start -->
<section class="sitemap">
<h2 class="title">網站導覽</h2>
<p>如果您使用的瀏覽器是IE，快速鍵的使用方式是<kbd>Alt</kbd> 加上所定義的字母；如果您用Firefox 瀏覽網頁，快速鍵的使用方式是 <kbd>Alt</kbd> 加 <kbd>Shift </kbd>加上所定義的字母 ：，本網站的快速鍵﹝accessKey﹞設定如下：</p>
<ul class="accessKeyDefine">
<li><kbd>Alt</kbd>+<kbd>U</kbd>上方功能區塊，包括回首頁、網站導覽、網站搜尋、字體選擇、版本選擇等。</li>
<li><kbd>Alt</kbd>+<kbd>C</kbd>中央內容區塊，為本頁主要內容區。</li>
<li><kbd>Alt</kbd>+<kbd>Z</kbd>下方功能區塊。</li>
<li><kbd>Alt</kbd>+<kbd>S</kbd>網站搜尋。</li>
<li>如果您的瀏覽器是Firefox，快速鍵的使用方法是 <kbd>Shift</kbd>+<kbd>Alt</kbd>+<kbd>(快速鍵字母)</kbd>，例如 <kbd>Shift</kbd>+<kbd>Alt</kbd>+<kbd>C</kbd>會跳至網頁中央區塊，以此類推。</li>
</ul>
<p>
※當本網站項目頁籤無法以滑鼠點選時，您可利用以下鍵盤操作方式瀏覽資料 <br />
<kbd>←</kbd> <kbd>→</kbd> or <kbd>↑</kbd><kbd>↓</kbd>：按左右鍵或上下鍵移動標籤順序。 <br />
<kbd>Home</kbd> or <kbd>End</kbd><kbd>→</kbd>：可直接跳至標籤第一項或者最後一項。 <br />
<kbd>Tab</kbd>：停留於該標籤後,可利用<kbd>Tab</kbd>鍵跳至內容瀏覽該筆資料，遇到radio按鈕時請配合使用<kbd>←</kbd> <kbd>→</kbd> or <kbd>↑</kbd><kbd>↓</kbd>鍵移動項目順序。 <br />
<kbd><kbd>Tab + Shift</kbd></kbd
>：按Tab + Shift可往回跳至上一筆資料；當跳回至標籤項目時您可繼續利用<kbd>←</kbd> <kbd>→</kbd> or <kbd>↑</kbd><kbd>↓</kbd>鍵移動標籤順序。
</p>
<div class="cascading">
<ul>
<li>
<a href="#">展覽</a>
<ul>
<li>
<a href="#">最新展覽</a>
</li>
<li><a href="#">展覽回顧</a></li>
</ul>
</li>
<li>
<a href="#">活動</a>
<ul>
<li><a href="#">最新活動</a></li>
<li><a href="#">活動回顧</a></li>
</ul>
</li>
<li>
<a href="#">檔案月專區</a>
<ul>
<li><a href="#">最新消息</a></li>
<li><a href="#">系列活動</a></li>
<li><a href="#">活動剪影</a></li>
<li><a href="#">檔案下載</a></li>
<li><a href="#">關於檔案月</a></li>
<li><a href="#">聯絡我們</a></li>
<li><a href="#">刊登活動</a></li>
<li><a href="#">粉絲專頁</a></li>
</ul>
</li>
</ul>
</div>
</section>
<!-- SITEMAP End -->
</div>
</div>
</main>
<!-- footer Start-->
<footer>
<div class="container">
<a class="accessKey" href="#aZ" id="aZ" accesskey="Z" title="頁尾區">:::</a>
<div class="footerTop">
<div class="footerLogo">
<img src="images/logo.png" alt="" />
</div>
<ul class="footerContact">
<li><i class="i_location"></i>242030 新北市新莊區中平路439號(北棟)9樓</li>
<li><i class="i_phone"></i>總機：(02)8995-3700 傳真：(02)8995-6469</li>
</ul>
</div>
<div class="footerBottom">
<div class="footerInfo">
<ul class="footerLink">
<li><a href="javascript:;">政府網站資料開放宣告</a></li>
<li><a href="javascript:;">隱私權、著作權及資訊安全政策宣告</a></li>
<li><a href="javascript:;">本局電子信箱</a></li>
</ul>
<span class="update">更新日期:<em>2018/01/01</em></span>
<span class="counter">累計瀏覽人次:<em>46476653</em></span>
</div>
<div class="footerIcon">
<a target="_blank" href="javascript:;" title="另開視窗">
<img src="images/basic/accessibility.jpg" alt="" />
</a>
</div>
</div>
</div>
</footer>
<!-- footer End -->
</div>
<a href="javascript:;" class="scrollToTop" role="button">回頁首</a>
<!-- lazyload -->
<script src="vendor/lazyload/lazyload.js"></script>
<!-- fancybox -->
<script src="vendor/fancybox/fancybox.umd.js"></script>
<script src="vendor/fancybox/l10n/zh_TW.umd.js"></script>
<!-- aos -->
<script src="vendor/aos/aos.js"></script>
<!-- swiper -->
<script src="vendor/swiper/swiper-bundle.min.js"></script>
<!-- gsap -->
<script src="vendor/gsap.js"></script>
<!-- main js-->
<script src="js/main.js"></script>
<!-- js -->
<script src="js/customize.js"></script>
</body>
</html>