國防部軍事新聞通訊社-游子萱

網站

國防部軍事新聞通訊社

姓名

游子萱

日期

2017-10-29

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

版本 10.3.3(14G60)

作業系統版本

Windows10

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

Chrome:版本 61.0.3163.100 (正式版本) (64 位元)
Safari:版本 10.3.3(14G60)

有發現表格排版影響閱讀問題(大量table爆炸可以截示意圖列出位置就好)

有跑版(影響閱讀)問題

有出現亂碼

有壞掉的連結

有不能用的外掛程式(ActiveX、Applet、Flash、Silverlight、…)

無|N/A

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

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

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

問題:

可能原因:

語句切割過多,同一個段落用一對p標籤包夾就好了。

原始程式:

<div class="ctn">
      <h2 id="p2" class="heading">單位主管</h2>
      <p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt; text-align: left;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; font-weight: bold; vertical-align: baseline; white-space: pre-wrap;">單位主管:</span></b></p>
<p><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">1.軍事新聞通訊社的核心任務,在透過影音、文字與圖像發</span></b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;"> &nbsp;布重要軍聞,並運用網路、衛星傳訊等管道,服務國內、</span></b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;"> &nbsp;外媒體。</span></b></p>
<p><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">2.軍聞社屬於「通訊社」性質,為服務媒體,拓展官兵與國</span></b><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;"> &nbsp;人視野,除了在第一時間以翔實報導,展現機動、快速與</span></b><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;"> &nbsp;軍聞報導的專業品質外,更採無償供應媒體稿件、電視專</span></b><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;"> &nbsp;題製作、網路平台作業、資料庫建構及新聞衛星傳輸等多</span></b><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;"> &nbsp;元的全方位作業方式,使軍聞傳播的效果能夠發揮無遠弗 </span></b><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;"> &nbsp;屆的力量。</span></b></p>
<p><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;">&nbsp;</b></p>
<p><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> <span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">更新日期:2014-1-1</span></b></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>    </div>

建議修改:

語句切割怪異,一個段落用一對

標籤包夾就好了。
<div class="ctn">
      <h2 id="p2" class="heading">單位主管</h2>
      <p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt; text-align: left;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; font-weight: bold; vertical-align: baseline; white-space: pre-wrap;">單位主管:</span></b></p>
<p><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">1.軍事新聞通訊社的核心任務,在透過影音、文字與圖像發布重要軍聞,並運用網路、衛星傳訊等管道,服務國內、外媒體。</span></b></p>


<p><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"><span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">2.軍聞社屬於「通訊社」性質,為服務媒體,拓展官兵與國人視野,除了在第一時間以翔實報導,展現機動、快速與軍聞報導的專業品質外,更採無償供應媒體稿件、電視專題製作、網路平台作業、資料庫建構及新聞衛星傳輸等多元的全方位作業方式,使軍聞傳播的效果能夠發揮無遠弗屆的力量。</span></b><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>

<p><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> </b></p>
<p dir="ltr" style="margin: 0pt -0.05pt; text-indent: -0.05pt;"><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;">&nbsp;</b></p>
<p><b id="internal-source-marker_0.7960472453851253" style="font-size: medium; font-weight: normal;"> <span style="font-size: 21px; background-color: transparent; vertical-align: baseline; white-space: pre-wrap;">更新日期:2014-1-1</span></b></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>    </div>

補充:

修改後樣貌