深化剖析DIV+CSS網站架設長處

  昨日發了篇PR的文章 今日來研討DIV+CSS

  大家都曉得做站用DIV+CSS沒人用TABLE 這已經是無需爭辯的事情的真實情況 而真正懂端由的 估計沒幾個吧?

  下邊 我們就深化研討下DIV+CSS吧

  那末啥子是Div+CSS標准?Div+CSS的標准化預設到盡頭有啥子益處?

  Div 全稱 division 意為區別運用 DIV 的辦法跟運用其它 tag 的辦法同樣。

<DIV>Very excellent webmaster 俱樂部 </DIV>

假如單獨運用 DIV 而不加不論什麼 CSS, 那末它在網頁中的效果和運用 <P></P> 是同樣的。

  DIV本身就是器皿性質的,你不惟可以內嵌table還可以內嵌文本和其他的HTML代碼

  CSS是Cascading style Sheets的略稱,漢字譯作重疊式樣表單,在主頁制造時認為合適而使用CSS技術,可以管用地對頁面的布局、字體、顏色、環境和其他效果成功實現更加非常准確的扼制。只要對相應的代碼做一點簡單的改正,就可以變更同一頁面的不一樣局部,還是頁數不一樣的網頁的外觀和款式。網上沖浪不管你用Internet Explorer仍然Netscape Navigator,幾乎任何時間都在與CSS交道,在網上沒有運用過CSS的網頁有可能非常不好找。無論你用啥子工具軟件制造網頁,都有在有意無意地運用CSS。用好CSS能使你的網頁更加簡煉,一樣內部實質意義的網頁,有的人做出來有幾十KB,而聖手做出來只有十幾KB。

  Div+CSS標准的長處:

  1.大大緊縮減少頁面代碼,增長頁面瀏覽速度,緊縮減少帶寬成本;

  2.結構清楚,容易被搜索引擎網站搜索到,天然生成優化了seo

  3.縮減改版時間。只要簡單的改正幾個CSS文件就可以從新預設一個有結果百上千頁面的站點。

  4.堅強雄厚的字體扼制和排字有經驗。CSS扼制字體的有經驗比糟糕的FONT標簽好多了,有了CSS,我們不再需求用FONT標簽還是透明的1 px GIF圖片來扼制題目,變更字體顏色,字seo體式樣等等。

  5.CSS不費吹灰之力編著。你可以象寫html代碼同樣輕松地編著CSS。

6.增長易用性。運用CSS可以結構化HTML,例如:<p>標簽只用來扼制段落,heading標簽只用來扼制題目,table標簽只用來表達款式化的數值等等。你可以增加更多的用戶而不必樹立獨立的版本。

  7.可以一次預設,到處宣布。你的預設不止只用於web瀏覽器,也可以宣布在其它設施上,譬如PowerPoint。

  8.更好的扼制頁面布局。無須多說。

  9.表達和內部實質意義相離合。將預設局部脫落出來放在一個獨立式樣文件中,你可以減損未來網頁失效的有可能。

  10.更便捷搜索引擎網站的搜索。用只裡面含有結構化內部實質意義的HTML接替嵌套的標簽,搜索引擎網站將更管用地搜索到你的內部實質意義,並有可能給你一個較高的名聲(ranking)。

  11.Table 布局靈活性半大,你只能遵循 table tr td 的款式。而div 你可以 div ul li 也可以 ol li 還可以 ul li 但標准語法最好有序的寫。

  12.額外假如你不是javascrput的聖手,你可以不需要去寫ID,只用class就可以。當客戶端程序開發人員寫完手續,需求調試時刻,你可以在利用他的ID施行扼制。

  13.Table 中布局中,垃圾代碼會眾多,一點修飾的式樣及布局的代碼混合一塊兒,很有弊於直觀。而Div 更能表現出來式樣和結構相離合,結構的重構性強。

  14.在幾乎全部的瀏覽器上都可以運用。

  15.曾經一點必須經過圖片改換成功實現的功能,如今只要用CSS就可以輕松成功實現,因此更快地下載頁面。

  16.使頁面的字體變得更漂亮,更容易編排,使頁面真正賞心好看。

  17.你可以輕松地扼制頁面的布局 。

  18.你可以將很多網頁的風格款式同時更新,無須再一頁一頁地更新了。你可以將站點上全部的網頁風格都運用一個CSS文件施行扼制,只要改正這個CSS文件中相應的行,那末整個兒站點的全部頁面都會隨之發發生變故動。

  說了這樣多 我想你多DIV+CSS 有了另一份意識了吧