发表于: 2019-09-14 21:15:38

1 539


Table:
优点:1、可观性好,当用户插入一个Table的时候就可以立即看到效果。
2、简单方便,适合初入门的用户操作,用表格不需要过多了解代码,只需插入表格,然后设置长宽,对齐方式,表格属性等等。
3、可读性好,稍懂些html语言的都可以看的懂,无非就是"table /table、td /td、tr /tr"等等。
缺点:1、代码冗余,"table tr td /td /tr /table"这是构成一个表格的最基本元素(此为一行一列的表格)。
2、无法再利用,比方上面已用到一个表格了 下面还要再用个和上面相同的表格,此时不好调用,造成代码太多,导致网站打开速

度慢。

Div+css:
优点:1、代码精简,div /div"和Table相比较代码简单了许多。
2、可再利用,比如一个网页中需要用到2-3个Div,用户只需在css里定义一个样式,比如定义个样式名为:abc,插入div的时候只

需div id="abc /div"此形式即可,可多次利用。
3、网站打开速度快,因为代码精简了,服务器读取代码的时候省了不少时间,所以网站打开速度要比table快的很多。
缺点:1、可观性差,用户在编辑的时候并不能立即看到编辑效果,需要预览才可看到效果。
2、可读性差,网站代码几乎全是div /div"而且在代码页面看不到此样式。必须要进css样式才可看到定义样式。
3、操作繁琐,相对于初入门的用户,对代码不是很了解的人来说,操作起来很是麻烦。

第一,对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局(table),CSS+DIV尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了,这在一定程度上影响了XHTML网站设计语言的普及应用。

第二,CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在几个l外部文件中,这一个或几个文件有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。

第三,对于CSS网站设计的浏览器兼容性问题比较突出。基于HTML4.0的网页设计在IE4.0之后的版本中几乎不存在浏览器兼容性问题,但CSS+DIV设计的网站在IE浏览器里面正常显示的页面,到火狐浏览器(FireFox )中却可能面目全非(这也是为什么建议网络营销人员使用火狐浏览器的原因所在 )。CSS+DIV还有待于各个浏览器厂商的进一步支持。

第四,CSS+DIV对搜索引擎优化与否取决于网页设计的专业水平而不是CSS+DIV本身。CSS+DIV网页设计并不能保证网页对搜索引擎的优化,甚至不能保证一定比HTML网站有更简洁的代码设计,何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。



返回列表 返回列表
评论

    分享到