無障礙網路空間服務網無障礙網路空間服務網

13.6:H213205 為你的網站提供網站地圖或整體性的簡介

正確示範

為增加網站使用度及可及性,網站應提供網站地圖及網站簡介。

以下範例是為網站提供網站地圖:

正確範例:

  <P><A href="website.jsp">網站瀏覽簡介</A></P>
  <TABLE width="75%" border="1">
  <CAPTION>
  天才麵包食品行網站地圖
  </CAPTION>
  <TR>
  <TH>月餅</TH>
  <TH>麵包</TH>
  <TH>蛋糕</TH>
  </TR>
  <TR>
  <TD>
  <UL>
  <LI><A href="ex.jsp">傳統月餅</A></LI>
  <LI><A href="ex.jsp">港式月餅</A></LI>
  <LI><A href="ex.jsp">冰淇淋月餅</A></LI>
  </UL>
  </TD>
  <TD>
  <UL>
  <LI><A href="ex.jsp">大蒜麵包</A></li>
  <LI><A href="ex.jsp">草莓麵包</A></li>
  <LI><A href="ex.jsp">菠蘿麵包</A></li>
  </UL>
  </TD>
  <TD>
  <UL>
  <LI><A href="ex.jsp">巧克力蛋糕</A></LI>
  <LI><A href="ex.jsp">芒果慕思蛋糕</A></LI>
  <LI><A href="ex.jsp">綜合水果蛋糕</A></LI>
  </UL>
  </TD>
  </TR>
  </TABLE>
          

以下範例是為網站提供網站簡介:

正確範例:

<H1>網站瀏覽簡介</H1> 
<P>天才麵包食品行的網站資訊架構可以分為三類,分別為月餅,麵包,蛋糕,各類詳細產品如下:</P>
<DIV>
<H2>月餅</H2>
<UL>
<LI><A href="ex.jsp">傳統月餅</A></LI>
<LI><A href="ex.jsp">港式月餅</A></LI>
<LI><A href="ex.jsp">冰淇淋月餅</A></LI>
</UL>
</DIV>
<DIV>
<H4>麵包</H4>
<UL>
<LI><A href="ex.jsp">大蒜麵包</A></LI>
<LI><A href="ex.jsp">草莓麵包</A></LI>
<LI><A href="ex.jsp">菠蘿麵包</A></LI>
</UL>
</DIV>
<DIV>
<H4>蛋糕</H4>
<UL>
<LI><A href="ex.jsp">巧克力蛋糕</A></LI>
<LI><A href="ex.jsp">芒果慕思蛋糕</A></LI>
<LI><A href="ex.jsp">綜合水果蛋糕</A></LI>
</UL>
</DIV>
          
網頁內容結束分隔線