<thead id="toltr"></thead>
<progress id="toltr"><strike id="toltr"></strike></progress>

  • <ul id="toltr"><meter id="toltr"></meter></ul>
    <b id="toltr"></b>

    <strike id="toltr"></strike>

    <b id="toltr"></b>

  • 歡迎進(jìn)入紅數(shù)信息技術(shù)有限公司官網(wǎng)
    4008088160
    現(xiàn)在的位置:首頁 > 發(fā)布網(wǎng)絡(luò)推廣公司-營銷推廣 > 網(wǎng)站前臺代碼用DIV可以完全替代table表格嗎
    網(wǎng)站前臺代碼用DIV可以完全替代table表格嗎
    信息來源:湖南優(yōu)度網(wǎng)絡(luò)公司  發(fā)布日期:2011/1/4 瀏覽數(shù)量:830
    文章導(dǎo)讀: ...

    同是一個功能但DIV顯示只需個標(biāo)簽,而table就要三個標(biāo)簽,DIV整潔時尚,搜索引擎也喜歡,所以很多Web設(shè)計(jì)師都愿用它,但是DIV不能完全替代表格。

    DIV與table的區(qū)別
    可訪問性差:屏幕朗讀軟件和盲文瀏覽器無法很好地理解 Table 中的內(nèi)容。
    不夠語義(Semantic):我們需要語義的 Web。

    第1條:代碼臃腫

    首先,Table 里面唯一無法用 CSS 定義的屬性只有 Cellspacing, Cellpadding 幾個,其它屬性都可以并且應(yīng)當(dāng)使用 CSS,這樣,剩下的,就是和

    的對決,我相信一個動輒幾十K大小的網(wǎng)頁,即使使用了幾十個 Table,因此多出來的代碼也可以忽略不計(jì),那些埋怨 Table 代碼臃腫的人其實(shí)該檢查自己的編碼習(xí)慣,能將 Table 寫得十分臃腫的人,寫 Div 相比也未必會簡潔到哪里。

    第2條:頁面渲染性能問題

    我使用一臺2004年的筆記本電腦,1.6G 的 CPU 與 1G 內(nèi)存,這種配置下,看不出 Table 布局和 Div 布局在頁面渲染上有任何速度差別,其實(shí)這點(diǎn)差別即使有,相對網(wǎng)絡(luò)本身的延遲也可以忽略。

    第3條:不利于搜索引擎優(yōu)化

    如果你盡可能使用 CSS 而不是 Table 的屬性,前面說了,產(chǎn)生的代碼和 Div 的差別也不會很大,搜索引擎會歧視

    標(biāo)簽嗎,這種說法的依據(jù)我至今并沒有找到。

    第4條:可訪問性差

    這是 Table 固有的缺陷,不過多數(shù) Div + CSS 的擁躉似乎并不是基于這個原因才排斥 Table。

    第5條:不夠語義

    語義 Web 的含義要深遠(yuǎn)得多,并不是僅僅在 Table 和Div 上糾纏,即使 W3C,也并沒有規(guī)定 Table 只能用來顯示表格數(shù)據(jù),很多在 Table 的語義上進(jìn)行糾纏的人,其實(shí)不妨再等等 HTML 5,那才是真正的語義。

    相關(guān)信息
    • 網(wǎng)絡(luò)營銷培訓(xùn)
    • 微網(wǎng)站
    • 掃二維碼
    • 1
    • 2
    • 3
    • 最新上傳
    • 精品案例
    18973218026
    其他業(yè)務(wù)合作請發(fā)下面郵箱
    郵箱:254596208@qq.com
    地址:湖南省湘潭市岳塘區(qū)霞光東路58號(維也納酒店6樓)
    營銷型網(wǎng)站建設(shè)掃一掃關(guān)注官方微信

    關(guān)注優(yōu)度

    官方微信
    官方微博
    官網(wǎng)首頁
    亚洲日本中文字幕天天跟新,无码综合黄色在线,亚洲人成网站在线观看无码,久久久久亚洲无码
    <thead id="toltr"></thead>
    <progress id="toltr"><strike id="toltr"></strike></progress>

  • <ul id="toltr"><meter id="toltr"></meter></ul>
    <b id="toltr"></b>

    <strike id="toltr"></strike>

    <b id="toltr"></b>