|
那么，同樣的效果，我自己有什么新的考慮呢？請看代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" />
<title></title>
</head>
<body>
<style type ="text/css">
/* <![CDATA[ */
*{
margin:0;
padding:0;
font-size:12px;
}
#navigation{
display:block;
width:510px;
margin:10px auto;
overflow:hidden;
}
#navigation a{
display:block;
float:left;;
width:50px;
text-align:center;
color:#999;
border-left:1px solid #CCC;
margin-left:-1px;
}
/* ]]> */
</style>
<span id="navigation">
<a href="">菜單1</a>
<a href="">菜單2</a>
<a href="">菜單3</a>
<a href="">菜單4</a>
<a href="">菜單5</a>
<a href="">菜單6</a>
<a href="">菜單7</a>
<a href="">菜單8</a>
<a href="">菜單9</a>
<a href="">菜單10</a>
</span>
</body>
</html>
呵呵，這下看到了一個span，一串的a，li消失了，而且span是內(nèi)聯(lián)的元素，內(nèi)部裝a標簽也是符合(x)html的嵌套規(guī)范的。DOM結構依然清晰：
沒有樣式的情況下，也很友好（下面第一個圖），而且內(nèi)聯(lián)元素是自適應寬度的，寬度不夠就折行（下面第二個圖），這就是我前面提到的，要盡可能多地往有限的屏幕里填充內(nèi)容，如果用li，那么一個一個就浪費了大片空間咯。
寫到這里，我覺得也把我的粗略的，不成熟的想法表達得差不多了，每一次的開發(fā)，都要不斷地思考，不斷地傾聽別人的想法，我也只是把同事的一個想法變成了具體的實現(xiàn)，做前端開發(fā)的，不僅需要技術，也需要創(chuàng)意，還需要不斷的思考。
本文鏈接：http://www.95time.cn/tech/web/2009/6545.asp 
出處：藍色理想
責任編輯：bluehearts
上一頁 慎用UL列表 [1] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 慎用UL列表 [2]
