前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Div布局和Table布局对于SEO有哪些影响?

Div布局和Table布局对于SEO有哪些影响?

作者头像
李洋博客
发布2021-06-15 10:41:16
7740
发布2021-06-15 10:41:16
举报
文章被收录于专栏:李洋博客

以前做网站经常使用表格也就是Table来布局搭建网站,因为表格搭建起来方便,固定性好,虽说代码看着不友好,但也比较方便,如今的搜索引擎更新迭代,优化人工智能的时代,越来越先进,当然对网站的框架也有了更多的认识,不在像之前那样盲目了。

传统Table布局方式实际上是利用了HTML table表格元素具有的无边框特性,由于table元素可以在显示时使得单元格的边框和间距为0,即不显示边框,因此可以将网页中的各个元素按版式划分放入表格的各个单元格中,从而实现复杂的排版组合。

Div布局和Table布局对于SEO有哪些影响?  第1张
Div布局和Table布局对于SEO有哪些影响? 第1张

Table表格布局的代码最常见的是在HTML标签之间嵌入一些设计代码,如width=100%,border=0等。表格布局的混乱代码就是这样编写的,大量样式设计代码混杂在表格,单元格中,使得可读性大大降低,维护起来成本也相当高,尽管有类似于Dreamweaver(以下 简单称dw)这样可视化的界面进行编写,只要你需要什么,他帮你写入什么样式,最终结果是表格中到处留下设计的足迹,混合式代码也由此而成,网站的源码更是密密麻麻的,让人看了脑袋疼!

Div布局和Table布局对于SEO有哪些影响?  第2张
Div布局和Table布局对于SEO有哪些影响? 第2张

DIV可以理解成一个块,是有个比表格简单的元素,从语法上只有<div></div>这样简单的定义。DIV最大的好处就是样式是由CSS来控制。

总体上而言:

  1. div+css布局比table布局节省页面代码,代码结构也更清晰明了.
  2. div+css的页面对搜索引擎支持好,而且速度更快了,能够比table 更加快速的显示网站内容.
  3. div+css布局使网站版面布局修改变的更简单,因为版面代码都写在独立的css文件里修改起来方便多了,不象table要在页面中修改很多信息.

DIV+CSS的优点体现

基于web标准的网站在于网站的结构、布局和行为三者的分离。

Css[Cascading Stytle Sheets,层叠样式表]目前最新的版本是2.0,是控制网页布局样式的基础,css能够做到对网页对象位置排版进行像素级的控制。归纳起来有以下几个方面的优势:浏览器支持完善。

表现与结构分离:如专门为字体设计一套样式,专门为版式、各个频道设计一个版式。

样式设计控制功能强大

继承性优越越,类似于oop面向对象的基本功能。具有良好的继承与重载关系。

传统的table布局和css布局:table布局出来的页面如果想改变,非常困难。本身设计比较复杂,导致混合代码的产生。如何向标准过度:

CSS经常使用的一句话

使用表格排版是不明智的,表格是用来显示数据。

所以我们做网站seo的,在进行网站诊断时,就要检查网站是否是用div+css搭建的,做网站时更加要利用div+css来搭建了。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-11-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 总体上而言:
    • DIV+CSS的优点体现
      • 样式设计控制功能强大
        • CSS经常使用的一句话
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档