國立臺灣圖書館-許家瑀

網站

國立臺灣圖書館

姓名

許家瑀

日期

2017-10-11

瀏覽器解析度(iOS的Safari填裝置名稱)

iPad Pro
1366 * 768

作業系統版本

iOS 11.0.2
window 10(1703)

瀏覽器版本(iOS的Safari填iOS版本)

Chrome:版本 61.0.3163.100 (正式版本) (64 位元)
Safari:版本 11.0.2

有跑版(影響閱讀)問題



首頁>認識本館>台灣學研究中心>活動報導:最右邊的圖超界線 解法回文連結
google

safari


首頁>認識本館>台灣學研究中心>博碩士論文研究獎助:文字排版及超框 解法回文連結

1.google
2.safari


有出現亂碼

有壞掉的連結

有不能用的外掛程式

首頁>認識本館>親子資料中心:影片沒有跑 解法回文連結
google
safari


有不能運作的網頁元素(如按鈕不能按、選單不能選等)

其他(無法判斷屬於以上那個分類的都放在這邊)

iPad網址:ntl.edu.tw


首頁>活動訊息>展覽
[首頁][我想要][申請展覽.攝影.公共服務等][申請展覽「雙和藝廊」] :建議可將地址改至同一行 解法回文連結


[首頁>我想要>購買影印卡]:排版問題 解法回文連結

對此網站建議(給個建議吧)

  1. [首頁][活動訊息][研習班]:各個課程表建議以表格方式呈現
  2. 每個分頁下都有意見回饋的提問,非常便民與即時了解民眾需求想法!
  3. [首頁][政府公開資訊][政策宣導相關廣告執行情形] 建議可將年度由進到遠排列
    4.「台灣學研究中心」內的「日期」建議可更改與國圖依樣為「張貼日期」
    5.[首頁][認識本館][親子資料中心]:建議把一打開網頁即下載影片的設定取消掉(非常擾民><)

問題描述

[首頁][認識本館][本館介紹][館區導覽]圖書館導覽文字說明:超框

可能原因

該區域使用了 <pre> 元素,該元素內的文字會忠實呈現原始的純文字排版。
因此只要原始文字沒有做任何斷行處理,便不會自動斷行。

建議修改

移除 <pre> 元素,改以 HTML 標籤撰寫內容:

換行部份使用 <br /> 標籤

若有段落縮凸排需求可以善用 CSS 屬性 text-indent

詳細可以參考 https://www.minwt.com/webdesign-dev/css/5383.html

問題描述

很多地方都有以下的日期部分「2016/12/12」/「2013/2/26」代表什麼日期未說明清楚(是否為最後更新時間?)

可能原因

從網址推測來看,猜測應該是網站本身使用 CMS 系統的架構進行處理,大部分頁面的內容都是採以類似部落格文章的形式做成,有看到日期的頁面應該都是屬於部落格文章類型的頁面。

問題描述

[首頁][活動訊息][主題書展]邊緣書主題書展 : 文字描述錯誤(不斷重複)

可能原因

應該為網站方誤植所致,目前查看無此問題,似乎已經編輯修正了。

問題描述

[首頁][活動訊息]展覽
[首頁][我想要][申請展覽.攝影.公共服務等][申請展覽「雙和藝廊」] :建議可將地址改至同一行

原因

原始內容直接使用空白字元排版

建議

建議整個流程的呈現方式可以用類似設計

問題描述

[首頁][我想要][購買影印卡]:排版問題

可能原因

如果依照 這一個問題 的推論,該網站是使用 CMS 系統構成,而該頁面是 CMS 的某一篇文章內容,應該是上內容的時候寫入了多餘的 HTML 程式碼。

從原始碼當中,看到了巢狀的 .container 元素,依照其他頁面的邏輯來看, .container 應該是每個頁面呈現主要內容的元素模板區域。再者,該區段內也插入了不少僅供此篇文章專用 JS 程式碼。

推測會這樣硬是插入原始碼的用意是為了給下方的意見調查使用。

這段內文的 HTML 來源應該是源自於網站方的內容管理人員,在 CMS 後台本身的 WYSIWYC 編輯器產生的。

<div class="container">
<div class="row">
<article class="col-sm-12 col-md-12">
<div class="accesskey">
<a href="#" accesskey="C" title="中央內容區塊">:::</a>
</div>
<div id="breadcrumb" class="hidden-xs">
<ol class="breadcrumb">
<li><i class="icon-home-1"></i><a href="mp.asp?mp=1" title="首頁">首頁</a></li>
<li class="active"><a href="np.asp?ctNode=1656&amp;mp=1" title="我想要…">我想要…</a></li>
<li class="active">購買影印卡</li>
</ol>
</div>
<div class="Function FunctionTop hidden-xs"><a class="icon-print" target="_blank" href="fp.asp?fpage=cp&amp;xItem=59112&amp;CtNode=1902&amp;mp=1" title="友善列印">友善列印</a><a class="icon-mail-alt" href="form.asp?fpage=cp&amp;spec=form.forward&amp;xItem=59112&amp;CtNode=1902&amp;mp=1" title="轉寄友人">轉寄友人</a><a href="javascript:history.back();" class="icon-reply-1" title="回上一頁">回上一頁</a><noscript>請利用「Backspace鍵」回上頁</noscript>
</div>
<div class="ContentPage CP">
<h2 class="PageTitle">購買影印卡</h2>
<div class="Meta">
<div class="MetaDay"><i class="icon-calendar"></i><span>張貼日期:</span>2016/5/20</div>
<div class="MetaDep"><i class="icon-tags"></i><span>資料來源:</span>秘書室</div>
<div class="MetaDay"><i class="icon-eye"></i><span>點閱:</span>22991</div>
</div>
<p></p><p>一、&nbsp;&nbsp; 本館設有落地型固定式影印機共14台,期刊室3台(1台彩色機型、2台黑白機型),2樓~6樓各2台(每一樓層各含1台彩色機型、1台黑白機型),親子中心1樓1台(黑白機型)。(每台影印機皆配讀卡機1台,共14台)</p>
<p>二、&nbsp;&nbsp; 卡片影印<strong>(售卡機):</strong>1樓~6樓各1台,共6台,每張面額100元。</p>
<p>三、&nbsp;&nbsp; 自助式影印之費率:</p>
<p>&nbsp;</p>
<table border="1" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td width="163">
<table style="width: 100%;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; 規</p>
</td>
</tr>
</tbody>
</table>
<table style="width: 100%;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 格</p>
</td>
</tr>
</tbody>
</table>
<table style="width: 100%;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<p>方</p>
</td>
</tr>
</tbody>
</table>
<table style="width: 100%;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<p>式</p>
</td>
</tr>
</tbody>
</table>
</td>
<td width="95">
<p style="text-align: center;"><strong><span style="font-size: medium;">A4</span></strong></p>
</td>
<td width="123">
<p><strong><span style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; B4</span></strong></p>
</td>
<td width="123">
<p><strong><span style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></strong><strong><span style="font-size: medium;">A3</span></strong></p>
</td>
</tr>
<tr>
<td width="163">
<p><span style="font-size: medium;">黑白影印</span></p>
<p><span style="font-size: medium;">(限購買影印卡費用)</span></p>
</td>
<td width="95">
<p><strong><span style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; NT$1</span></strong></p>
</td>
<td width="123">
<p><strong><span style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; NT$2</span></strong></p>
</td>
<td width="123">
<p><strong><span style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></strong><strong><span style="font-size: medium;">&nbsp;NT$3</span></strong></p>
</td>
</tr>
<tr>
<td width="163">
<p><span style="font-size: medium;">彩色影印</span></p>
<p><span style="font-size: medium;">(限購買影印卡使用)</span></p>
</td>
<td width="95">
<p><strong><span style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; NT$8</span></strong></p>
</td>
<td width="123">
<p><strong><span style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; NT$12</span></strong></p>
</td>
<td width="123">
<p><strong><span style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;NT$16</span></strong></p>
</td>
</tr>
<tr>
<td width="163">
<p><span style="font-size: medium;">黑白影印&nbsp;</span></p>
<p><span style="font-size: medium;">&nbsp; <strong>(</strong><strong>投幣式費用</strong><strong>)</strong></span></p>
</td>
<td width="95">
<p><strong><span style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; NT$2</span></strong></p>
</td>
<td width="123">
<p><strong><span style="font-size: medium;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; NT$2</span></strong></p>
</td>
<td width="123">
<p style="text-align: center;"><strong><span style="font-size: medium;">NT$3</span></strong></p>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p><p></p>
<div class="List_Download">
<h4><i class="icon-download-outline"></i>附件下載</h4>
<ul>
<li>本館影印機<a href="public/Attachment/73310201118.pdf"><img border="0" src="GIPDSD/xslGip/xslExport/1/1/images/icon_pdf.gif" title="本館影印機(.pdf檔案下載)" alt="本館影印機(.pdf檔案下載)"></a></li>
</ul>
</div><script type="text/javascript">
			//window.addEvent('domready', function(){
				var tabpanel1 = new TabPanel("tabpanel_1");
				widgets.add(tabpanel1);
			//});
		</script><noscript></noscript>
<div id="container">
<div id="tabpanel_1" class="tabpanel">
<ul id="tablist_1" class="axs tablist">
</ul>
</div>
</div><script type="text/javascript">							
			window.addEvent('domready', function(){
				initApp();
			});
		</script><noscript></noscript>
<script language="VBS">
function blen(xs)              '檢測中英文夾雜字串實際長度
  xl = len(xs)
  for i=1 to len(xs)
	if asc(mid(xs,i,1))<0 then xl = xl + 1
  next
  blen = xl
end function

function xStdTime(dt)  '轉成民國年及時間  999/99/99 10:00 給資料型態為DateTime 使用
   if Len(dt)=0 or isnull(dt) then
   	xStdTime=""
   else
   	xyear = right("000"+ cstr((year(dt)-1911)),3)     '補零
        xmonth = right("00"+ cstr(month(dt)),2)
        xday = right("00"+ cstr(day(dt)),2)
        xhour = right("00" + cstr(hour(dt)),2)
        xminute = right("00" + cstr(minute(dt)),2)
        xStdTime = xyear & "/" & xmonth & "/" & xday & " " & xhour & ":" & xminute
   end if
end function

function d7date(dt)     '轉成民國年  999/99/99 給資料型態為SmallDateTime 使用
	if Len(dt)=0 or isnull(dt) then
		d7date=""
	else
           xy=right("000"+ cstr((year(dt)-1911)),3)     '補零
           xm=right("00"+ cstr(month(dt)),2)
           xd=right("00"+ cstr(day(dt)),2)
           d7date=xy & "/" & xm & "/" & xd
           d7date=dt
        end if
end function

 function ChkIDX(SID)      '-----身份證字號檢驗

   SID = UCase(SID)
   X1 = InStr("ABCDEFGHJKLMNPQRSTUVWXYZIO", Left(SID, 1)) + 9

   ' 初步檢查 ID 的合法性
   If X1 < 10 Then Chk_ID = False: Exit Function
   If Not IsNumeric(Mid(SID, 2)) Then Chk_ID = False: Exit Function
   If Len(SID) <> 10 Then Chk_ID = False: Exit Function

   ' 檢查編號之正確性
   SID = Cstr(X1) + Mid(SID, 2)

   nCheckSum = Cint(Mid(SID, 1, 1))
   For I = 2 To Len(SID) - 1
        nCheckSum = nCheckSum + Cint(Mid(SID, I, 1)) * (11 - I)
   Next
   nCheckSum = nCheckSum + Cint(Mid(SID, 11, 1))

   ChkID = (nCheckSum Mod 10 = 0)
end Function

function ChkID(idno)	'-----身份證字號檢驗(新)
  if len(trim(idno))=0 then exit function

  alpha=UCase(left(idno,1))
  d1=mid(idno,2,1)
  d2=mid(idno,3,1)
  d3=mid(idno,4,1)
  d4=mid(idno,5,1)
  d5=mid(idno,6,1)
  d6=mid(idno,7,1)
  d7=mid(idno,8,1)
  d8=mid(idno,9,1)
  d9=mid(idno,10,1)
  select case alpha
    case "A" : acc=1
    case "B" : acc=10
    case "C" : acc=19
    case "D" : acc=28
    case "E" : acc=37
    case "F" : acc=46
    case "G" : acc=55
    case "H" : acc=64
    case "I" : acc=39
    case "J" : acc=73
    case "K" : acc=82
    case "L" : acc=2
    case "M" : acc=11
    case "N" : acc=20
    case "O" : acc=48
    case "P" : acc=29
    case "Q" : acc=38
    case "R" : acc=47
    case "S" : acc=56
    case "T" : acc=65
    case "U" : acc=74
    case "V" : acc=83
    case "W" : acc=21
    case "X" : acc=3
    case "Y" : acc=12
    case "Z" : acc=30
  end select
  on error resume next
  checksum = acc+8*d1+7*d2+6*d3+5*d4+4*d5+3*d6+2*d7+1*d8+1*d9
  check1 = Int(checksum/10)
  check2 = checksum/10
  check3 = (check2-check1)*10
  if len(idno)>10 then
    ChkID=false
  elseif err.number<>0 then
    ChkID=false
  elseif checksum=check1*10 then
    ChkID=true
  elseif d9=(10-check3) then
    ChkID=true
  else
    ChkID=false
  end if
end function
function ftpDo(FTPIP,FTPPort,FTPID,FTPPWD,fileAction,FTPfilePath,fileDir,fileTarget,fileSource)	'----FTP機制  2004/7/7
response.end
	Set oFtp = CreateObject("FtpCom.FTP")
	oFtp.Connect FTPIP,FTPPort,FTPID,FTPPWD
	
	if left(oFtp.GetMsg,1) = "2" then 
		if FTPfilePath <> "" then oFtp.Execute("CWD " + FTPfilePath)
		if fileAction="CreateDir" then oFtp.CreateDir(fileDir)
		if fileAction="DeleteDir" then oFtp.DeleteDir(fileDir)
		if fileAction="MoveFile" then oFtp.MoveFile fileTarget,fileSource,1,0
		if fileAction="DELE" then oFtp.Execute("DELE " + fileTarget)
		if left(oFtp.GetMsg,1) <> "2" then FTPErrorMSG="  FTP機制出現錯誤,FTP未成功!"
		oFtp.LogOffServer 
		set oFtp = nothing
	else
		FTPErrorMSG="  FTP機制出現錯誤,FTP未成功!"
		oFtp.LogOffServer 
		set oFtp = nothing
	end if	
end function

</script>

<script language="JavaScript">
<!--
function Check()
{
	if (!(document.menu_list.helptype[0].checked) && !(document.menu_list.helptype[1].checked) && !(document.menu_list.helptype[2].checked)) {
		alert("請選擇您覺得本項資訊對您有無幫助!");
		return false;
	}
	document.menu_list.Submit.disabled=true;
	return confirm('送出?');
}
//-->
</script>



<form name="menu_list" method="post" action="Survey_RWD_act.asp" onsubmit="return Check();">
<input type="hidden" name="mp" value="1">
<input type="hidden" name="ctNode" value="1902">
<input type="hidden" name="xItem" value="59112">
<input type="hidden" name="SessionID_now" value="402357778">
						<!-- 反饋 -->
						<div class="Feedback">

							<div class="row">
								<div class="inner col-xs-12 col-sm-4 col-md-6">您覺得本項資訊對您有無幫助?</div>
								<div class="inner col-xs-12 col-sm-8 col-md-6">
									<label class="radio-inline">
										<input type="radio" name="helptype" id="helptype1" value="1"> 有幫助
									</label>
									<label class="radio-inline">
										<input type="radio" name="helptype" id="helptype2" value="2"> 無意見
									</label>
									<label class="radio-inline">
										<input type="radio" name="helptype" id="helptype3" value="3"> 無幫助
									</label>
								</div>
							</div>

							<div class="inner">您對此頁內容如有意見,可透過意見回報反映給我們</div>

							<input type="submit" name="send" title="送出" value="送出" class="btn btn-orange">

							<input type="button" name="send" title="意見回報" value="意見回報" class="btn btn-gray" onclick="javascript:window.open('sp.asp?xdurl=CuratorMail_RWD/Opinion_feeback.asp&amp;mp=1&amp;ctNode=1902&amp;xItem=59112')" onkeypress="javascript:window.open('sp.asp?xdurl=CuratorMail_RWD/Opinion_feeback.asp&amp;mp=1&amp;ctNode=1902&amp;xItem=59112')">
						</div>
</form>
						<div class="clearfix"></div>
</div>
<div class="Function FunctionBottom hidden-xs">
<a title="Twitter" href="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));" class="Twitter-BTN"><i class="icon-twitter"></i></a>
<a title="Facebook" href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));" class="FB-BTN"><i class="icon-facebook-1"></i></a>
<a title="Plurk" href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));" class="Plurk-BTN"><i class="icon-plurk"></i></a>
<a title="Google+" href="javascript: void(window.open('https://plus.google.com/share?url='.concat(encodeURIComponent(location.href)) ));" class="Google-BTN"><i class="icon-gplus"></i></a>
<a href="#" class="icon-home-1" title="回頁首">回頁首</a>
<a href="javascript:history.back();" class="icon-reply-1" title="回上一頁">回上一頁</a>
</div>
</article>
</div>
</div>

建議解法

要解決此問題,有兩個方向可以 try:

  1. 把意見調查變成整個 CMS 系統的模組之一不要硬從文章本身插入。
  2. 把內文的 HTML 重新整理、修正,移除多餘不必要的部分、修正錯誤的巢狀結構。並盡可能避免在內文插入CSS,以使用網站 global 已經定義好的樣式為主,內文 HTML 部分僅留下語意化標籤。
    改進後台 WYSIWYG,減少產生垃圾巢狀程式碼的機會,或許能夠參考這裡: https://github.com/JefMari/awesome-wysiwyg

問題描述

[首頁][認識本館][台灣學研究中心][活動報導]:最右邊的圖超界線

補充額外問題

  • 照片高度沒有切齊

可能原因

圖片本身寬高設定未採用相對大小進行設定、寬高比例未統一(可用 CSS 或先行預裁切)

建議修改

針對 WYSIWYG 編輯器在插入圖片部分進行修正

問題描述

[首頁][認識本館][台灣學研究中心][博碩士論文研究獎助]:文字排版及超框

可能問題

應該是 WYSIWYG 編輯器將 table 寬高寫死了
移除 table Style 設定即可

參考修改方式

原始程式碼

<table style="height: 93px; width: 767px;" border="0">
<tbody>
<tr>
<td>(一)</td>
<td>
<p>教育部立案之公私立大學校院博、碩士班研究生,其學位論文以臺灣學研究有關之人文、藝術及社會等領域為主題者,均得申請。</p>
</td>
</tr>
<tr>
<td>(二)</td>
<td>申請之博、碩士論文以申請期限截止日前二年內完成(以論文通過口試日期為準)之作品為限,且同一作品不得重複申請。申請者若以同一論文獲得其他單位獎(補)助,應於申請時據實填載,供本館評審時參酌。</td>
</tr>
</tbody>
</table>

修改後

<table>
<tbody>
<tr>
<td>(一)</td>
<td>
<p>教育部立案之公私立大學校院博、碩士班研究生,其學位論文以臺灣學研究有關之人文、藝術及社會等領域為主題者,均得申請。</p>
</td>
</tr>
<tr>
<td>(二)</td>
<td>申請之博、碩士論文以申請期限截止日前二年內完成(以論文通過口試日期為準)之作品為限,且同一作品不得重複申請。申請者若以同一論文獲得其他單位獎(補)助,應於申請時據實填載,供本館評審時參酌。</td>
</tr>
</tbody>
</table>

補充問題

將跑版問題修復後,因為原始寫法對於上半部的「中華民國86年5月2日教育部台(86)社(三)字第八六○三六七六一號核備修正第六條」等文字使用了 padding-left 導致 viewport 較小的裝置會跑版,建議移除 padding-left 的標籤

備註

此類跑版問題應該也屬於 WYSIWYG 編輯器寫死 CSS 造成的問題。
此外,內容維護者也因為可能透過複製貼上來保留格式,留下了很多冗余的無效程式碼
https://www.ntl.edu.tw/ct.asp?xItem=9877&CtNode=2223&mp=5
在「中華民國80年7月9日教育部台(80)高字第三五二八八號函核備」這句的原始碼當中看到很多冗余的 <a> tag

<p style="text-align: right; padding-left: 330px;"><a title="檔案下載(另開新視窗)" href="../public/Attachment/12109411934.doc" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/1210941291.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/12109403633.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/12111627383.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/121116274757.doc" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/12111627383.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/12111628136.doc" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/121116281059.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/312271122898.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/3122711192132.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/3122711253356.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/312271125468.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/3122711312155.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/3122711314167.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/3122711314167.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/3122711314167.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/3122711314167.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/412410471018.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/412410464572.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/41281335483.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/412811572274.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/41281335483.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51201253287.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51201233757.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51201235782.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51201233757.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51201235782.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51201235782.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51201233757.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51201235782.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51201233757.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/512310201434.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51271638792.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/512716385041.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/512716385041.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/51271638792.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/512716464941.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/512181571683.pdf" target="_blank"></a><a title="附件一(.pdf檔案下載, 另開新視窗.)" href="http://www.ntl.edu.tw/public/Attachment/67121355095.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/512716385041.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/6121517285593.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/6121517312424.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/6121517313879.pdf" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/761613401626.odt" target="_blank"></a><a title="檔案下載(另開新視窗)" href="../public/Attachment/761613401626.odt" target="_blank"></a>中華民國80年7月9日教育部台(80)高字第三五二八八號函核備</p>

問題描述

[首頁][認識本館][親子資料中心]:影片沒有跑

可能原因

使用了過時的影片播放語法

<object>
<param name="movie" value="images/1020308_0000000_01.wmv" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="windowlessVideo" value="true" />
<embed windowlessVideo="true"  src="images/1020308_0000000_01.wmv"  autostart="true" transparentatstart="1"></embed>
&nbsp;
</object>

建議修改

應使用現代 HTML5 的 video Tag,此外影片格式應轉檔為 html5 支援之格式,除了可支援現代網頁外,也能節省網頁流量(現行檔案將近 100 MB 過於肥大),並支援串流。
可參考:https://developer.mozilla.org/zh-TW/docs/Web/HTML/Supported_media_formats

問題描述

[首頁][政府公開資訊][服務品質計畫]:106年度提升服務品質實施計畫點不進去(ipad可)

測試結果

測試正常, Chrome 可正常點選