跳到主要內容
:::|

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

說明:為增加網站使用度及可及性,網站中應提供網站地圖及網站的整體性簡介。但在做以上設計時,須注意無障礙網頁設計原則,以使身心障礙者與一般使用者可以獲的相同資訊。

範例: 下列範例是在網站中提供網站地圖及網站瀏覽簡介。

正確示範

正確範例:

< A href="website.jsp" >網站瀏覽簡介< /A > < 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 >< /pre>

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

正確範例:

< 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 >

上一頁| 回首頁