用CSS制作的話就只需要修改CSS即可,而不用修改HTML文檔,可以使結構清晰化,將內容、結構與表現分享。
內容和形式分離,網頁前臺只需要顯示內容就行,形式上的美工交給CSS來處理。生成的HTML文件代碼精簡,更小打開更快。
這個是div+CSS技術最現著的特點,也是CSS存在的根源。完全的顛覆現在傳統(table)網頁設計的技術。所有現在用table制作的內容,都可以用CSS來解決掉,而且解決的更好,更強大。不需要大家再表格套表格,只需要用div套div就可以實現以往表格套表格所有的美工,這樣的結果就是使用div+CSS技術,讓生成的網頁文件大小更精簡,更小。table時代,一個頁面表格達到10個以上是非常普遍的事情,但是現在用div+CSS,一個table都可以不用,就完全達到之前的效果,這就直接導致網頁文件大小比使用table時減少50%-80%,更節約各位站長的硬盤空間,訪問者打開網頁時更快,而且用div+CSS時,不像以往使用table時,必須把全部table讀取完了才顯示頁面內容,現在是可以讀一個div就顯示一個效果,大家打開網頁不用等。好處真是明顯而強大。
這個優點的確是顯著的,凡是使用傳統table建的網頁,內容多的話,有時候達到30K左右都有可能,文件打了打開時,肯定就有0.0幾秒的延遲。使用div+CSS,由于沒有表格使用,你前臺打開看到的全是直接內容,CSS文件都是導入鏈接的,是另一個文件,根本和HTML文件大小沒關系,這種生成的HTML文件,一個也就10K左右大小。文件數量少時看不出來,但是文件萬級以上時,還是會節約幾十M大小的。
Table 中布局中,垃圾代碼會很多,一些修飾的樣式及布局的代碼混合一起,很不利于直觀。而div 更能體現樣式和結構相分離,結構的重構性強。在幾乎所有的瀏覽器上都可以使用。以前一些非得通過圖片轉換實現的功能,現在只要用CSS就可以輕松實現,從而更快地下載頁面。 使頁面的字體變得更漂亮,更容易編排,使頁面真正賞心悅目。你可以輕松地控制頁面的布局 。 你可以將許多網頁的風格格式同時更新,不用再一頁一頁地更新了。你可以將站點上所有的網頁風格都使用一個CSS文件進行控制,只要修改這個CSS文件中相應的行,那么整個站點的所有頁面都會隨之發生變動。
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯