| 以文本方式查看主題 - 西安網站建設|西安網站制作|西安做網站_網站知識交流論壇 (http://www.multiweal.cn/bbs/index.asp) -- 網站建設制作學習 (http://www.multiweal.cn/bbs/list.asp?boardid=3) ---- 文字排版在網頁制作中應遵守的原則 (http://www.multiweal.cn/bbs/dispbbs.asp?boardid=3&id=3) |
| -- 作者：玖佰網絡 -- 發布時間：2009/8/28 14:02:29 -- 文字排版在網頁制作中應遵守的原則 網頁的文本排版并不是僅僅在CSS里設置個字體大小那么簡單的，想要有好的排版，對細節要下一番功夫才行。 按照我的理解，在遵循Web標準的情況下，網頁設計中的文字排版應該遵守以下原則：語義明確、代碼簡練，善用預定義標簽. 排版時，語義明確很重要。在Web標準化的思想上，我們要盡量做到結構與樣式的分離，我們的代碼要盡量簡潔，避免無效的、無意義的代碼。過多的無意義代碼不僅不利于網站的日常維護，增加加載與解釋時間，還會對將來網站的改版、重構造成障礙。如果不能做到按語義標識文本的各類元素，并且將樣式分離并重新定義，將來調整樣式或者重構站點的時候你會哭死的（親身體會）。 如果能夠用好XHTML的預定義標簽，并為預定義標簽定義合適的樣式，會極大的提高工作效率。比如為<blockquote>標簽定義樣式，然后在需要表示引用的地方使用<blockquote>標簽。在很多老式的使用表格布局的站點上，引用的內容都是用表格做出來的，這種方法生成了大量的table、tr、td標簽和寫在標簽內的style，體積龐大就不說了，如果將來需要修改整站的引用樣式時，只能一篇文章一篇文章的慢慢改代碼。而使用并重定義<blockquote>標簽后，我們只需要在CSS文件中改一下對blockquote的定義就可以把整個站點的引用樣式改過來了。（這種思想也可以利用在網站的其它部分設計中） 類似的可以預定義的標簽還有很多，比如：h1, h2, h3, em, strong, a, ul, li, dl, dt, dd 等。
|