html網(wǎng)頁制作教程做div
所有的站長都想把網(wǎng)站做到完美,在網(wǎng)頁的設(shè)計中要優(yōu)化網(wǎng)站的布局、標(biāo)簽等等,利用DIV+CSS不僅可以精美的布局網(wǎng)頁,還有助于搜索引擎抓取網(wǎng)頁內(nèi)容,提高網(wǎng)站排名。當(dāng)然它的好處還有很多:
一、代碼精簡
采用DIV+CSS布局使代碼很精簡,這一點相信對此方法熟透的朋友都有所了解的都知道,css文件可以在每一個網(wǎng)頁中使用,只要調(diào)用就可以,采用table表格修改一些頁面的話就很麻煩了,如果是一個門戶網(wǎng)站的話,要手動改很多頁面,而且看著那些表格也會感覺很亂也很浪費時間,但是這要是在css中只要改一個代碼就可以了
二、表格嵌套
使用Table布局,為了達(dá)到一定的視覺效果,不得不套用多個表格,這樣不僅表格會很多,還很亂;所以使用table為了達(dá)到很好的視覺效果,就要嵌套很多表格,這就會有很多的代碼,不利于搜索引擎抓取。
如果使用DIV+CSS布局基本上不會存在這樣的問題,從技術(shù)角度來說,DIV+CSS在控制樣式時也不需要過多的嵌套,XHTML在控制樣式時不需要過多的嵌套。
三、網(wǎng)頁的速度
使用了DIV+CSS布局的網(wǎng)頁較Table布局減少了頁面代碼,瀏覽加載速度得到很大的提高;
四、SEO搜索引擎優(yōu)化
采用div-css設(shè)計的網(wǎng)站對于搜索引擎非常友好,很容能取得很好的排名,采用DIV+CSS避免了Table嵌套層次太多無法被搜索引擎抓取的問題;而且簡潔、結(jié)構(gòu)化的代碼更加有利于突出重點和適合搜索引擎抓取。
五、定位更準(zhǔn)確
div的代碼的寬、高等都使用css或者頁面的style來控制,也就是說在需要修改一個框的大小、位置時候,可以直接修改css的代碼或者該標(biāo)簽的style代碼即可實現(xiàn),幾乎不用修改其他代碼,而且div可以精確的定位于網(wǎng)頁的某一個地方,這點table是做不到的;
使用table的情況下,則可能會因為table的位置出現(xiàn)變動,有的時候不能精確的定位于網(wǎng)頁的某一個地方,而影響到對整片代碼的修改。
六、兼容性
使用table布局,網(wǎng)頁在不同瀏覽器的情況下就會發(fā)生錯位,而DIV+CSS則不會,不論在什么瀏覽器下,網(wǎng)頁都不會變形的。
【域名頻道】網(wǎng)站空間-上海電信、香港機房、美國機房必有一款適合你的主機。
海外云建站系統(tǒng)無需備案,購買可直接開通使用,高效,快捷。
網(wǎng)站內(nèi)容禁止放置包含色情、賭博、私服、釣魚網(wǎng)站等非法信息,一經(jīng)發(fā)現(xiàn),永久關(guān)閉并不提供退費。
基于微信的外賣-訂座-電子菜單平臺:微餐飲http://http://m.chouwenlao.cn/web/weicanyin.asp