網頁標準化的風潮使得懂用CSS美化網頁的人越來越多,基本網頁的輸出越來越簡化,美化的工作幾乎都交給了CSS來處理。當然每一家公司都有自己的標準,有了標準就是好的,遵循它就是了。我要說的是不要太過執著于網頁標準化。

相信大家都看過這樣的例子:

<form name="form1" id="form1" method="post" action="">
<p>
<label for="text1">文字欄位1</label>
<input type="text" name="text1" id="text1" accesskey="1" />
</p>
<p>
<label for="text2">文字欄位2</label>
<input type="text" name="text2" id="text2" accesskey="2" />
</p>
<p>
<label for="text3">多行文字欄位</label>
<textarea name="text3" id="text3" cols="40" rows="10" accesskey="3"></textarea>
</p>
</form>

接著用CSS來美化表單:

form { margin: 0; }
form label { float: left; width: 100px; }
form p { clear: both; }

沒錯,這樣就可以做出稍微美化過的表單來,當然還有很多,比如用<fieldset></fieldset>來包裝的,這些都很好都可以用CSS來達到表單美化的目的。但是我們回過頭來想,真的需要這樣子嗎?我們用CSS來標準化網頁的目的其實就是為了SEO,也就是說要讓搜尋引擎能夠更好的爬我們的網頁,但是表單是要讓使用者輸入的地方,根本是不需要搜尋引擎來爬的。

換句話說,如果你想要讓表單好看一點,例如有幾個比較小的欄位,很直覺的你應該就會想到讓他們都排在同一列,如果用前面的例子,可能每一個表單都要找CSS專家來幫你美化,那還不如直接用<table></table>來達到排版的效果,簡單又直覺,而且只要有一套CSS標準就好了。除非是你的CSS專家真的很厲害,用同樣的一套CSS就可以自己做到浮動排列表單的目的。

也就是說,做一件事情以前先想想它的目的是甚麼,別為了網頁標準化而花了不必要的功夫在表單上。

創作者介紹

人生四十宅開始 二號宅

漠哥 發表在 痞客邦 PIXNET 留言(0) 人氣()