文字排版在網(wǎng)頁(yè)制作中應(yīng)遵守的原則
2011-09-03 文章來源: 建站學(xué)
網(wǎng)頁(yè)的文本排版并不是僅僅在CSS里設(shè)置個(gè)字體大小那么簡(jiǎn)單的，想要有好的排版，對(duì)細(xì)節(jié)要下一番功夫才行。
按照我的理解，在遵循Web標(biāo)準(zhǔn)的情況下，網(wǎng)頁(yè)設(shè)計(jì)中的文字排版應(yīng)該遵守以下原則：語(yǔ)義明確、代碼簡(jiǎn)練，善用預(yù)定義標(biāo)簽
排版時(shí)，語(yǔ)義明確很重要。在Web標(biāo)準(zhǔn)化的思想上，我們要盡量做到結(jié)構(gòu)與樣式的分離，我們的代碼要盡量簡(jiǎn)潔，避免無效的、無意義的代碼。過多的無意義代碼不僅不利于網(wǎng)站的日常維護(hù)，增加加載與解釋時(shí)間，還會(huì)對(duì)將來網(wǎng)站的改版、重構(gòu)造成障礙。如果不能做到按語(yǔ)義標(biāo)識(shí)文本的各類元素，并且將樣式分離并重新定義，將來調(diào)整樣式或者重構(gòu)站點(diǎn)的時(shí)候你會(huì)哭死的（親身體會(huì)）。
如果能夠用好XHTML的預(yù)定義標(biāo)簽，并為預(yù)定義標(biāo)簽定義合適的樣式，會(huì)極大的提高工作效率。比如為<blockquote>標(biāo)簽定義樣式，然后在需要表示引用的地方使用<blockquote>標(biāo)簽。在很多老式的使用表格布局的站點(diǎn)上，引用的內(nèi)容都是用表格做出來的，這種方法生成了大量的table、tr、td標(biāo)簽和寫在標(biāo)簽內(nèi)的style，體積龐大就不說了，如果將來需要修改整站的引用樣式時(shí)，只能一篇文章一篇文章的慢慢改代碼。而使用并重定義<blockquote>標(biāo)簽后，我們只需要在CSS文件中改一下對(duì)blockquote的定義就可以把整個(gè)站點(diǎn)的引用樣式改過來了。（這種思想也可以利用在網(wǎng)站的其它部分設(shè)計(jì)中）
類似的可以預(yù)定義的標(biāo)簽還有很多，比如：h1, h2, h3, em, strong, a, ul, li, dl, dt, dd 等。
