深圳深達品牌網(wǎng)站建設公司于2005年創(chuàng)立,
以高端網(wǎng)站建設、品牌網(wǎng)站設計、集團網(wǎng)站制作、響應式網(wǎng)站建設、外貿(mào)型網(wǎng)站設計、營銷型網(wǎng)站建設、手機網(wǎng)站制作、微信網(wǎng)站建設、H5網(wǎng)站制作、電子商務網(wǎng)站設計制作、品牌設計、平面設計、網(wǎng)絡服務、品牌整合傳播策劃為核心業(yè)務,
致力于高端市場,專注于品牌服務、提升企業(yè)形象!咨詢電話:0755-83769155

深圳網(wǎng)站建設、深圳網(wǎng)站設計、深圳網(wǎng)站制作、網(wǎng)頁設計、深圳網(wǎng)絡公司、品牌設計

2006版 | 咨詢電話:0755-83769155

設計觀點

文字排版在網(wǎng)頁制作中應遵守的原則
2011-09-03     文章來源: 建站學

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

深達觀點
OUR VIEW